Capsule (Next.js + InstantDB)

Meme editor with a real-time community feed: publish PNGs to Instant storage, browse memes, and upvote when signed in.

Local development

1. Copy .env.example to .env.local (or keep the provided values).

2. Install dependencies: npm install

3. Sync schema and permissions to your Instant app (requires CLI login):

   npx instant-cli@latest login
   npx instant-cli@latest push schema
   npx instant-cli@latest push perms

4. In the Instant dashboard, enable magic code auth for your app so email sign-in works.

5. Run the app: npm run dev and open http://localhost:3000.

Deploy (e.g. Vercel)

• Set the environment variable NEXT_PUBLIC_INSTANT_APP_ID to your Instant public app id.
• Build command: npm run build; output: Next.js default.
• After changing instant.schema.ts or instant.perms.ts, run npx instant-cli@latest push schema / push perms again.

Preset images

Template JPEGs live under public/assets/ alongside templates.json.