nextjs

Kezdés a nextjs keretrendszerrel

Áttekintés

A Next.js egy React keretrendszer élesítéshez. Hibrid statikus és szerver oldali renderelést, TypeScript támogatást, intelligens csomagolást, útvonal-előtöltést és még sok mást kínál konfiguráció nélkül.

Kezdés

A repository klónozása után kövesse ezeket a lépéseket:

1

Függőségek Telepítése

npm install
2

Fejlesztői Szerver Indítása

npm run dev
3

Fordítás Élesítéshez

npm run build && npm start

Projekt Struktúra

├── app/                # App Router (Next.js 13+)
│   ├── layout.js       # Gyökér elrendezés
│   ├── page.js         # Kezdőlap
│   └── [routes]/       # Dinamikus útvonalak
├── pages/              # Pages Router (alternatíva)
│   ├── api/            # API útvonalak
│   └── _app.js         # App komponens
├── public/             # Statikus fájlok
├── components/         # React komponensek
├── styles/             # CSS fájlok
├── next.config.js      # Next.js konfiguráció
└── package.json        # Függőségek és szkriptek

Kulcsfogalmak

Fájlalapú Útvonalkezelés

Hozzon létre oldalakat fájlok hozzáadásával az app/ vagy pages/ könyvtárhoz.

Szerver Komponensek

A komponensek alapértelmezetten a szerveren renderelődnek. Használja a 'use client' kliens komponensekhez.

API Útvonalak

Hozzon létre backend API végpontokat az app/api/ vagy pages/api/ könyvtárban.

Hasznos Parancsok

npm run dev Fejlesztői szerver indítása Fast Refresh támogatással
npm run build Optimalizált éles verzió létrehozása
npm start Éles szerver indítása
További információkért látogasson el a hivatalos Next.js Dokumentációhoz.