| .husky | ||
| app | ||
| components | ||
| config | ||
| content | ||
| hooks | ||
| lib | ||
| pages | ||
| prisma | ||
| public | ||
| styles | ||
| types | ||
| ui | ||
| .commitlintrc.json | ||
| .editorconfig | ||
| .env.example | ||
| .eslintrc.json | ||
| .gitignore | ||
| .nvmrc | ||
| .prettierrc.json | ||
| contentlayer.config.js | ||
| LICENSE.md | ||
| middleware.ts | ||
| next.config.mjs | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| yarn.lock | ||
Taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
Warning
This app is a work in progress. I'm building this in public. You can follow the progress on Twitter @shadcn. See the roadmap below.
Demo
About this project
Right now, I'm using this project as an experiment to see how a modern app (with features like authentication, subscriptions, API routes, static pages for docs ...etc) would work in Next.js 13 and server components.
I'll be posting updates and issues here.
A few people have asked me to turn this into a starter. I think we could do that once the new features are out of beta.
Note on Performance
Warning
This app is using the canary releases for Next.js 13 and React 18. The new router and app dir is still in beta and not production-ready. NextAuth.js, which is used for authentication, is also not fully supported in Next.js 13 and RSC. Expect some performance hits when testing the dashboard. If you see something broken, you can ping me @shadcn.
Features
- New
/appdir, - Routing, Layouts, Nested Layouts and Layout Groups
- Data Fetching, Caching and Mutation
- Loading UI
- Server and Client Components
- API Routes and Middlewares
- Authentication using NextAuth.js
- ORM using Prisma
- Database on PlanetScale
- UI Components built using Radix UI
- Documentation and blog using MDX and Contentlayer
- Subscriptions using Stripe
- Styled using Tailwind CSS
- Validations using Zod
- Written in TypeScript
Roadmap
Add MDX support for basic pagesBuild marketing pagesSubscriptions using StripeResponsive styles- Add OG image for blog using @vercel/og
- Dark mode
Known Issues
A list of things not working right now:
GitHub authentication (use email)Prisma: Error: ENOENT: no such file or directory, open '/var/task/.next/server/chunks/schema.prisma'Next.js 13: Client side navigation does not update head
Why not trpc, Turborepo or X?
I might add this later. For now, I want to see how far we can get using Next.js only.
If you have some suggestions, feel free to create an issue.
Running Locally
- Install dependencies using Yarn:
yarn
-
Copy
.env.exampleto.env.localand update the variables. -
Start the development server:
yarn dev
License
Licensed under the MIT license.