Production-ready Next.js starter with TypeScript, Tailwind CSS, and modern testing
Part of the @teo-garcia/templates ecosystem
| Category | Technologies |
|---|---|
| Framework | Next.js 16 with App Router and Turbopack |
| UI | React 19, Tailwind CSS 4, Lucide Icons |
| Data | React Query for server state management |
| Type Safety | TypeScript with strict mode |
| Testing | Vitest + Testing Library + MSW |
| Code Quality | ESLint, Prettier, Husky, lint-staged |
- Node.js 22+
- pnpm 9+
# Clone the template
npx degit teo-garcia/react-template-next my-app
cd my-app
# Install dependencies
pnpm install
# Start development server
pnpm devOpen http://localhost:3000 to see your app.
app/
├── api/ # API routes
│ └── healthcheck/ # Health check endpoint
├── components/ # Shared UI components
├── providers/ # React context providers
├── config/ # App configuration
├── layout.tsx # Root layout
└── page.tsx # Home page
| Command | Description |
|---|---|
pnpm dev |
Start development server with Turbopack |
pnpm build |
Create production build |
pnpm start |
Run production server |
pnpm test |
Run unit tests |
pnpm test:browser |
Run browser tests |
pnpm lint:es |
Lint and fix with ESLint |
pnpm lint:es:check |
Check ESLint without fixing |
pnpm lint:ts |
TypeScript type checking |
pnpm format |
Format with Prettier |
pnpm format:check |
Check formatting |
This template uses standardized configurations from the ecosystem:
@teo-garcia/eslint-config-shared- ESLint rules@teo-garcia/prettier-config-shared- Prettier formatting@teo-garcia/tsconfig-shared- TypeScript settings@teo-garcia/vitest-config-shared- Test configuration@teo-garcia/react-shared- Shared React utilities
| Template | Description |
|---|---|
| react-template-rr | React Router + Vite SPA |
| nest-template-monolith | NestJS backend monolith |
| nest-template-microservice | NestJS microservice |
MIT
Built with ❤️ by teo-garcia