create-next-app – Inițializarea unui proiect nou Next.js în Next.js

npx create-next-app@latest [nume-proiect] [opțiuni]
npx create-next-app@latest aplicatia-mea --typescript --tailwind --eslint --app

Ce face create-next-app - Inițializarea unui proiect nou Next.js

Comanda create-next-app este punctul de pornire oficial pentru orice aplicație Next.js modernă.

Lansează un asistent interactiv în terminal care te ghidează prin opțiunile esențiale: activarea TypeScript, Tailwind CSS, ESLint, App Router (recomandat în locul vechiului Pages Router), directorul `src/` și aliasurile de import (ex: `@/*`).

Instalează automat dependențele necesare și configurează scripturile de pornire în `package.json`.

Exemple

Exemplul 1: Crearea unui proiect complet fără întrebări interactive

Generează instant un proiect cu setările recomandate pentru producție.

npx create-next-app@latest portal-dexblog \
  --typescript \
  --tailwind \
  --eslint \
  --app \
  --src-dir \
  --import-alias "@/*"

Ieșire în terminal

✔ Initializing project with template: app-tw
✔ Installing dependencies: react, react-dom, next, tailwindcss, @types/react...
✔ Success! Created portal-dexblog at /var/www/portal-dexblog

Greșeli frecvente

• Rularea comenzii într-un folder care conține deja fișiere cu nume identice, ceea ce va bloca inițializarea.

Comenzi înrudite

• next dev - Pornirea serverului de dezvoltare local: Pornește serverul local de dezvoltare cu reîncărcare rapidă (Fast Refresh) și suport Turbopack.
• next build - Compilarea și optimizarea aplicației pentru producție: Compilează codul TypeScript/React, generează paginile statice și creează pachetele JS optimizate în directorul .next/.
• next.config.js - Fișierul principal de configurare Next.js: Centralizează setările avansate ale compilatorului, modulelor externe, regulilor de redirecționare și mediului de rulare.