Devvit Vibe Coding Template

Experimental! Template may change!

A starter to build web applications on Reddit's developer platform

• Devvit: A way to build and deploy immersive games on Reddit
• Vite: For compiling the webView
• React: For UI
• Hono: For backend logic
• TRPC: Type safe RPCs from server to client
• Tailwind: For styles
• TypeScript: For type safety

Getting Started

Make sure you have Node 22 downloaded on your machine before running!

1. Run npm create devvit@latest --template=vibe-coding
2. Go through the installation wizard. You will need to create a Reddit account and connect it to Reddit developers
3. Copy the command on the success page into your terminal

Commands

• npm run dev: Starts a development server where you can develop your application live on Reddit.
• npm run build: Builds your client and server projects
• npm run deploy: Uploads a new version of your app
• npm run launch: Publishes your app for review
• npm run login: Logs your CLI into Reddit
• npm run type-check: Type checks, lints, and prettifies your app

Live Sessions

This app runs as a live session tied to a subreddit post. The session flow is:

1. A moderator opens the app in a post and starts the live session.
2. The moderator sets the session duration and top match count.
3. Subreddit members join while the session is active.
4. When the timer ends (or the moderator ends it), joining and swiping stop.

Session state is scoped to the current post so it fits Reddit's interaction model and avoids any cross-subreddit or cross-post conflicts.

MCP Integration

If you'd like to use the Devvit MCP server, please visit: https://developers.reddit.com/docs/next/guides/ai