Next.js Starter

This is a Next.js application using pnpm as the package manager and shadcn/ui for the component library.

Tech Stack

• Framework: Next.js
• Package Manager: pnpm
• UI Components: shadcn/ui
• Styling: Tailwind CSS
• Type Checking: TypeScript
• Linting: ESLint
• Code Formatting: Prettier with Husky pre-commit hooks

Getting Started

First, install the dependencies:

pnpm install

Then, run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Available Scripts

• pnpm dev - Runs the app in development mode with Turbopack
• pnpm build - Builds the app for production
• pnpm start - Runs the built app in production mode
• pnpm lint - Runs ESLint
• pnpm typecheck - Runs TypeScript compiler check

Project Structure

nextjs-starter/
├── src/
│   ├── app/          # Next.js app directory
│   └── lib/          # Utility functions and shared code
├── components.json   # shadcn/ui configuration
├── package.json
├── tsconfig.json
└── README.md

Pre-commit Hooks

This project uses Husky and lint-staged to automatically format code before commits. The following file types are formatted:

• .js, .jsx, .ts, .tsx - Formatted with Prettier and linted with ESLint
• .json, .md, .mdx, .css, .scss - Formatted with Prettier