T3 stack + Supabase + App directory
This project is Edge ready (Vercel Edge runtime)
This is a starter project/boilerplate to start out with:
- TRPC
- App directory/router
- Prisma
- Supabase (Auth, Storage, Serverless Queries)
- Tailwind
- Edge Ready
It allows us to call database in server components through supabase-js, for client component we are using trpc+prisma due to the superior DX
Projects using this starter
- PortfolioQuiz Website
- Friendly Macros Repo Website
- Twitter Clone Repo Website
- Instagram Clone Repo Website
What's next? How do I make an app with this?
- Clone this project
- Run
npm install
pnpm install
yarn
- Copy the .env.example into .env and fill out the envs
- If you develop on local supabase run:
yarn prepare:local
npm run prepare:local
pnpm prepare:local
- If you develop on cloud supabase run:
yarn prepare:remote
npm run prepare:remote
pnpm prepare:remote
- Run the project
yarn dev
npm run dev
pnpm dev
If you are not familiar with the different technologies used in this project, please refer to the respective docs.
Learn More
To learn more about the T3 Stack, take a look at the following resources:
- Documentation
- Learn the T3 Stack — Check out these awesome tutorials
You can check out the create-t3-app GitHub repository — your feedback and contributions are welcome!
How do I deploy this?
Follow deployment guides for Vercel, Netlify and Docker for more information.