This is a Next.js template simply based on ui.shadcn.com.

You can use this template as a starting point for your next project.

Tech Stack

• Next.js@15
• Shadcn UI
• Contentlayer
• Tailwind CSS
• TypeScript
• E2E Testing with Playwright
• Better-Auth for authentication

Biome is used for linting and formatting locally.

Authentication with Better-Auth

This template includes a complete authentication system using Better-Auth, including:

• Email/password authentication
• Social login with multiple providers
• User roles and permissions
• Profile management

Local OAuth Testing

For development and testing purposes, this template includes a mock OAuth server that allows you to test the OAuth flow locally without relying on external providers:

1. Start the mock OAuth server:

   npm run mock:oauth

2. Use the "Sign In with Local OAuth" button on the sign-in page

3. Test credentials:

   • Regular User: test@example.com / password
   • Admin User: admin@example.com / password

For more details on the mock OAuth server, see the scripts/README.md file.

Deploy to multiple platforms

github pages

cloudflare pages

Build command

npx tsx --tsconfig ./tsconfig.scripts.json ./src/scripts/build-registry.mts && npx next build

vercel

Build command

tsx --tsconfig ./tsconfig.scripts.json ./src/scripts/build-registry.mts && next build

Screenshot

Try it in stackblitz