nextjs

Darba sākšana ar nextjs

Pārskats

Next.js ir React ietvars produkcijai. Tas nodrošina hibrīdu statisko un servera renderēšanu, TypeScript atbalstu, viedo komplektēšanu, maršrutu iepriekšēju ielādi un daudz ko citu bez konfigurācijas.

Darba Sākšana

Pēc repozitorija klonēšanas veiciet šādas darbības:

1

Instalējiet Atkarības

npm install
2

Palaidiet Izstrādes Serveri

npm run dev
3

Kompilējiet Produkcijai

npm run build && npm start

Projekta Struktūra

├── app/                # App Router (Next.js 13+)
│   ├── layout.js       # Saknes izkārtojums
│   ├── page.js         # Sākumlapa
│   └── [routes]/       # Dinamiskie maršruti
├── pages/              # Pages Router (alternatīva)
│   ├── api/            # API maršruti
│   └── _app.js         # App komponente
├── public/             # Statiskie faili
├── components/         # React komponentes
├── styles/             # CSS faili
├── next.config.js      # Next.js konfigurācija
└── package.json        # Atkarības un skripti

Galvenie Koncepti

Uz Failiem Balstīta Maršrutēšana

Izveidojiet lapas, pievienojot failus app/ vai pages/ direktorijā.

Servera Komponentes

Komponentes pēc noklusējuma renderējas serverī. Izmantojiet 'use client' klienta komponentēm.

API Maršruti

Izveidojiet backend API galapunktus app/api/ vai pages/api/.

Noderīgas Komandas

npm run dev Palaist izstrādes serveri ar Fast Refresh
npm run build Izveidot optimizētu produkcijas kompilāciju
npm start Palaist produkcijas serveri
Plašākai informācijai apmeklējiet oficiālo Next.js Dokumentāciju.