React Template Next

Production-ready Next.js starter with TypeScript, Tailwind CSS, and modern testing

Part of the @teo-garcia/templates ecosystem

---

Features

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

Requirements

• Node.js 22+
• pnpm 9+

Quick Start

# Clone the template
npx degit teo-garcia/react-template-next my-app
cd my-app

# Install dependencies
pnpm install

# Start development server
pnpm dev

Open http://localhost:3000 to see your app.

Project Structure

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

Scripts

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

Shared Configs

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

Related Templates

Template	Description
react-template-rr	React Router + Vite SPA
nest-template-monolith	NestJS backend monolith
nest-template-microservice	NestJS microservice

License

MIT

---

_{Built by teo-garcia}