| .husky | ||
| app | ||
| assets/fonts | ||
| components | ||
| config | ||
| content | ||
| hooks | ||
| lib | ||
| pages/api/auth | ||
| prisma | ||
| public | ||
| styles | ||
| types | ||
| .commitlintrc.json | ||
| .editorconfig | ||
| .env.example | ||
| .eslintrc.json | ||
| .gitignore | ||
| .nvmrc | ||
| .prettierignore | ||
| contentlayer.config.js | ||
| env.mjs | ||
| LICENSE.md | ||
| middleware.ts | ||
| next.config.mjs | ||
| package.json | ||
| pnpm-lock.yaml | ||
| postcss.config.js | ||
| prettier.config.js | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
Note
This project has been officially archived and will no longer receive updates. See the Templates directory for Next.js starters.
I started this project when the Next.js App Router was in public preview. Because the framework has since stabilized and undergone significant architectural changes, the code in this repository:
- Does not reflect current best practices.
- May contain deprecated APIs or patterns.
- Is not recommended for use in production environments.
Taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
About this project
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.
Features
- New
/appdir, - Routing, Layouts, Nested Layouts and Layout Groups
- Data Fetching, Caching and Mutation
- Loading UI
- Route handlers
- Metadata files
- 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 stylesAdd 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- Cannot use opengraph-image.tsx inside catch-all routes
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 pnpm:
pnpm install
- Copy
.env.exampleto.env.localand update the variables.
cp .env.example .env.local
- Start the development server:
pnpm dev
License
Licensed under the MIT license.