-
Blueprint is a Next.js starter kit built to help you get your project off the ground faster so you can focus less on the tedious setup and more on building incredible experiences for your users.
-
Blueprint aims to provide a minimal set of feautures and examples that you can use to expand into your own projects and customize to fit your needs.
-
This project is inspired by shadcn's Taxonomy project (https://tx.shadcn.com/).
-
Check out shadcn on twitter https://twitter.com/shadcn
-
I would also like to thank Theo (https://twitter.com/t3dotgg) and the T3 community (https://create.t3.gg/) for their amazing open-source work. They have all motivated and inspired me to start building!
- Install dependencies by running
pnpm install
.- If you do not have pnpm installed, follow the directions here: https://pnpm.io/installation.
- Setup the database
cd packages/db
- Go to the database package.cp .env.example .env
- Copy the environment.- Follow the instructions in the
.env
file to setup a database with PlanetScale or Docker.
- Follow the instructions in the
- Setup the website
cd apps/web
- Go to the Next.js website app.cp .env.example .env
- Copy the environment.- Follow the instructions in the
.env
file to setup all of the required environment variables.
- Follow the instructions in the
- To run the website, run
pnpm dev
and visithttp://localhost:3000/
- These are the technologies that are used and recommended for this starter kit. But I understand that not everyone uses everything in this list. The code is yours for you to customize. For example, switching out Next Auth for Clerk.
- Next.js 13 + React 18
- Shadcn UI Components
- tRPC
- Next Auth (Auth.js)
- Prisma
- PlanetScale (recommended)
- Stripe