Project Setup

Automatic installation:

npx create-next-app@latest

Recommended Options:

File Structure

my-app/
├── public/                   # Static assets (images, fonts, icons)
├── node_modules/             # Project dependencies installed via npm
├── src/                      # Application source code
│   └── app/                  # Next.js App Router structure
│       ├── layout.tsx        # Root layout component
│       └── page.tsx          # Entry page component
├── eslint.config.mjs         # ESLint configuration (Flat Config)
├── postcss.config.mjs        # PostCSS configuration for Tailwind CSS
├── next.config.ts            # Next.js custom configuration (routing, images)
├── tsconfig.json             # TypeScript compiler options
├── package.json              # Dependencies, scripts, project metadata
├── package-lock.json         # Locked dependency versions
├── next-env.d.ts             # TypeScript declaration file for Next.js
├── README.md                 # Project documentation and description
└── .gitignore                # Specifies intentionally untracked files

Configuration Highlights

• next.config.ts: Routing rules, image optimization, experimental features.
• tsconfig.json: Compiler options, strict mode, and path aliases.
• eslint.config.mjs: ESLint rules (flat config), Next.js recommended guidelines.
• postcss.config.mjs: PostCSS configuration for Tailwind CSS integration.

Core Dependencies