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.

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.

• New /app dir,
• 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.
• UI Components built using Radix UI.
• Styled using Tailwind CSS.
• Validations using Zod.
• Written in TypeScript.

Warning This app is a work in progress. I'm building this in public. You can follow the progress on Twitter @shadcn.

• Add MDX support for basic pages.
• Responsive styles.
• Subscriptions using Stripe.
• Add Media Library.
• Add Pages.
• Build the front-end for blogs.
• Add support for custom domains for blogs.
• Build marketing pages (use a headless CMS?)
• Add OG image for blog using @vercel/og.
• Dark mode.

A list of things not working right now:

1. GitHub authentication (use email)
2. Prisma: Error: ENOENT: no such file or directory, open '/var/task/.next/server/chunks/schema.prisma'
3. Next.js 13: Client side navigation does not update head

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.

1. Install dependencies using Yarn:

yarn

2. Copy .env.example to .env.local and update the variables.

3. Start the development server:

yarn dev

Licensed under the MIT license.