What is this?
It is an open source demo app showing how a modern product — with authentication, subscriptions, docs and a blog — comes together on Next.js 13's new app router and server components.
It is an open source demo app showing how a modern product — with authentication, subscriptions, docs and a blog — comes together on Next.js 13's new app router and server components.Is this a library I install or a complete app?A complete application you run and explore, not a package you add to a project: one TypeScript codebase with marketing pages, docs, a blog, auth and Stripe subscriptions.
A complete application you run and explore, not a package you add to a project: one TypeScript codebase with marketing pages, docs, a blog, auth and Stripe subscriptions.How do I get it running locally?Clone the repo, run pnpm install, copy .env.example to .env.local and fill in the variables, then start the dev server — the dev script runs Contentlayer and Next.js together.
Clone the repo, run pnpm install, copy .env.example to .env.local and fill in the variables, then start the dev server — the dev script runs Contentlayer and Next.js together.What external services does it need to work?A PlanetScale MySQL database behind Prisma, NextAuth.js for sign-in and Stripe for subscriptions; Radix UI, Tailwind CSS, Zod and MDX ship in the repo itself.
A PlanetScale MySQL database behind Prisma, NextAuth.js for sign-in and Stripe for subscriptions; Radix UI, Tailwind CSS, Zod and MDX ship in the repo itself.Can I use this as a starting point for a new project today?Not really — it is officially archived and no longer updated. The README warns the code predates the stable App Router, may use deprecated APIs and is not recommended for production.
Not really — it is officially archived and no longer updated. The README warns the code predates the stable App Router, may use deprecated APIs and is not recommended for production.What does the codebase actually demonstrate?App Router routing, nested layouts and layout groups, server and client components, data fetching and caching, route handlers and API routes with middleware, plus MDX-based docs and a blog built on Contentlayer. The UI is Radix components styled with Tailwind, validated with Zod, with dark mode included.
App Router routing, nested layouts and layout groups, server and client components, data fetching and caching, route handlers and API routes with middleware, plus MDX-based docs and a blog built on Contentlayer. The UI is Radix components styled with Tailwind, validated with Zod, with dark mode included.Why did the author build it with Next.js alone?As an experiment to see how far plain Next.js could go — tRPC and Turborepo were deliberately left out, with the author open to adding them later.
As an experiment to see how far plain Next.js could go — tRPC and Turborepo were deliberately left out, with the author open to adding them later.Anything known to be broken in the demo?One known issue remains: opengraph-image.tsx cannot be used inside catch-all routes. Earlier problems, like GitHub authentication and a Prisma schema error, were already resolved.
One known issue remains: opengraph-image.tsx cannot be used inside catch-all routes. Earlier problems, like GitHub authentication and a Prisma schema error, were already resolved.What are similar projects?chatbot, crm, saas-starter, cal.diy, open-saas, dub, shapeshift, documenso
chatbot, crm, saas-starter, cal.diy, open-saas, dub, shapeshift, documensoWhich topics is it in?zod, subscriptions, radix-ui, prisma, demo, mdx, shadcn-ui, vercel, full-stack, tailwindcss, mysql, authentication
zod, subscriptions, radix-ui, prisma, demo, mdx, shadcn-ui, vercel, full-stack, tailwindcss, mysql, authentication