nextjs-modern-ui-template
Next.js + Chakra UI + NextAuth template for modern, production-ready web apps. Includes dark mode, Storybook, Vitest and best practices.
reacttemplateboilerplatetypescriptauthenticationnextjsstorybookdark-modechakra-uinextauthvitesteslint
FreeRepo
Preview
Overview
This is a production-ready Next.js starter template built with Next.js 15, Chakra UI, NextAuth.js, Storybook and Vitest. It provides a complete foundation for building scalable web applications with built-in authentication, dark mode support, component testing and a modular folder structure, designed to help developers launch projects quickly without setting up boilerplate configuration from scratch.
Features
dark-modeapp-routerturbopackaccessible-componentsthemeable-uimodular-folder-structurestorybook-integrationunit-testingeslint-configuredprettier-configured
Feature Flags
authenticationdarkMode
Recommended Use Cases
production-ready-web-appsscalable-applicationscomponent-driven-development
Frontend
nextjsreactchakra-uinext-themes
Backend
None
Auth Providers
next-authnextauth
Deployment Targets
None
Payment Providers
None
Quick Facts
Stack
Framework
nextjs
Language
typescript
CSS
chakra-ui
Auth
nextauth
Testing
vitest, storybook
Data Layer
UI Stack
Styling
chakra-ui
Components
chakra-ui
Developer Experience
Docker
No
Tests
Yes
Quickstart
Yes
env.example
No
Pricing
Classification
free
Selected
—
Notes
No clear pricing signals