romancitodev / realtime-kit-nextjs

Avoid boilerplate or writing from scratch a socket.io implementation. Just clone this repo.

⚡ Realtime Kit

This is my official repo template for realtime kit using Next.js

💻 Technology Stack:

• Socket.io
• Drizzle
• Turso
• Auth.js
• Biome
• Next.js 14
• Tailwind
• Typescript
• Zustand
• Lucide

❓ What's inside?

This monorepo includes the following packages/apps:

📦 Apps and Packages

• apps/web: the main app.
• apps/server: The WebSocket server.
• packages/atoms: a stub React component library used by web app.
• packages/db: The db client, tables and custom queries.
• packages/tw-config: Tailwind base config shared across many packages.
• packages/biome-config: Biome configurations.
• packages/typescript-config: tsconfig.jsons used throughout the monorepo.

Each package/app is 100% TypeScript.

✨ Utilities

This monorepo has some additional tools already setup for you:

• TypeScript for static type checking.
• Biome for code linting and formatting.

💻 Develop

To develop all apps and packages, run the following command:

Important

Before running the dev command, please visit the set up guide.

cd realtime-kit-nextjs
pnpm dev

🔨 Build

To build all apps and packages, run the following command:

cd realtime-kit-nextjs
pnpm build