Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sujjeee/codox

A starter template for modern web development with nextjs 14 (app route), tailwindcss, typescript, trpc, clerk auth, and prisma.
https://github.com/sujjeee/codox

biomejs clerk clerk-auth google-analytics nextjs nextjs-tailwind nextjs-template nextjs-trpc nextjs-typescript nextjs14 prisma shadcn-ui starter-template t3-stack trpc typescript

Last synced: 29 days ago
JSON representation

A starter template for modern web development with nextjs 14 (app route), tailwindcss, typescript, trpc, clerk auth, and prisma.

Awesome Lists containing this project

README

        

# [CoDox](https://codox.vercel.app/) - starter template for modern web development !



CoDox – A starter template for modern web development with nextjs 13 (app route), tailwindcss, typescript, trpc, clerk auth, and prisma.

### A starter template for modern web development with nextjs 13 (app route), tailwindcss, typescript, trpc, clerk auth, and prisma.

## Tech Stacks 💻

- ⚡ [Next.js](https://nextjs.org) 13 — The React framework with hybrid static & server rendering, and App Router
- 🔥 [TypeScript](https://www.typescriptlang.org) — JavaScript with type safety and enhanced developer experience.
- 💅 [Tailwind CSS](https://tailwindcss.com) — A utility-first CSS framework for rapid UI development
- 🗃 [Shadcn UI](https://ui.shadcn.com/) — A collection of beautiful and accessible components built with Radix UI and Tailwind CSS.
- 🌐 [tRPC](https://trpc.io) — A toolkit for building end-to-end typesafe APIs with Next.js and any database
- 🔒 [Clerk](https://clerk.com?utm_source=github&utm_medium=sponsorship&utm_campaign=nextjs-boilerplate) — A complete user management solution with authentication, profiles, and more
- 📦 [Prisma](https://www.prisma.io/) — A modern ORM for Node.js and TypeScript that simplifies database access
- ♻️ [T3 Env](https://env.t3.gg/) — A library for managing type-safe environment variables in Next.js
- 🛠 [BiomeJS](https://biomejs.dev/) — A tool for formatting, linting, and more in a fraction of a second.
- 📊 [Google Analytics ](https://analytics.google.com/) — A web analytics service that tracks and reports website traffic

## Environment Variables 🌎

To use clerk and analytics you need to add the following environment variables to your .env file:

```bash
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY =
CLERK_SECRET_KEY =
DATABASE_URL =
NEXT_PUBLIC_GOOGLE_ID =
```

## Setup Locally 🚀

1. Clone the repository

```bash
git clone https://github.com/sujjeee/codox.git
```

2. Install dependencies using pnpm

```bash
pnpm install
```

3. Start the development server

```bash
pnpm dev
```

## Preview 👀

See the preview — CoDox