https://github.com/itsyasirkhandev/clerk_convex_template
Nextjs Convex Clerk Template with Effect ts and Shadcn v4
https://github.com/itsyasirkhandev/clerk_convex_template
convex effect-ts firebase-auth nextjs react shadcn
Last synced: 11 days ago
JSON representation
Nextjs Convex Clerk Template with Effect ts and Shadcn v4
- Host: GitHub
- URL: https://github.com/itsyasirkhandev/clerk_convex_template
- Owner: itsyasirkhandev
- Created: 2026-06-02T09:51:54.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-06-11T04:02:17.000Z (24 days ago)
- Last Synced: 2026-06-11T04:12:48.652Z (24 days ago)
- Topics: convex, effect-ts, firebase-auth, nextjs, react, shadcn
- Language: TypeScript
- Homepage:
- Size: 722 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Clerk, Convex, Nextjs Starter Template
Convention-heavy starter template with Next.js, Convex, Clerk Auth, Effect-TS, and Zustand.
## Tech Stack
| Technology | Purpose | Description |
| :--- | :--- | :--- |
| **Next.js** | Frontend Framework | React-based framework for page routing and server-side rendering. |
| **Convex** | Backend Database & Server | Real-time cloud database and serverless functions backend. |
| **Clerk Auth** | Client Authentication | Manages user sign-in flows and sessions. |
| **Effect-TS** | Functional Programming | Used for robust error handling, config parsing, and standard services. |
| **Zustand** | Client State Management | Minimalist, client-side React state management. |
| **TailwindCSS** | Component Styling | Utility-first CSS framework for modern responsive styles. |
## Getting Started
Follow these steps to set up the template:
1. Run the command:
```bash
pnpm dev
```
2. Set up Convex when prompted. Authenticate and connect an existing project or create a new project from scratch.
3. Visit the [Clerk Dashboard](https://dashboard.clerk.com/), set up a new project.
4. Copy the Clerk environment variables into the `.env.local` file (this file is created automatically in the project root during Step 2). Refer to `.env.example` for the correct variable names.
5. You are all set up with Convex, Next.js, and Clerk Auth!