Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Förståelse av Projektets Fil- och Mappstruktur | Konfigurera Ett Next.js-Projekt
Next.js 14-Färdighet för att Bygga Moderna Webbappar

bookFörståelse av Projektets Fil- och Mappstruktur

Låt oss ta lite tid att undersöka projektet.

  • app: Denna katalog är kärnan i din applikation och innehåller alla rutter, komponenter och logik. Här kommer du att spendera mest tid med att bygga applikationens centrala funktionalitet;
  • app/lib: Innehåller viktiga funktioner som används i hela applikationen. Dessa funktioner fyller olika syften, inklusive hjälpfunktioner som kan återanvändas i olika delar av projektet samt datahämtande funktioner för att hämta data;
  • app/ui: Här finns alla UI-komponenter som utgör de visuella elementen i applikationen, såsom kort, tabeller och formulär. Dessa komponenter är förstylade för att spara tid;
  • public: Lagrar statiska tillgångar som bilder som används i applikationen;
  • scripts: Ett seedningsskript i denna katalog kommer att vara användbart för att fylla databasen i ett senare kapitel. Denna mapp är inte en naturlig Next.js-funktion utan har skapats specifikt för att fungera med den riktiga databasen.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.08

bookFörståelse av Projektets Fil- och Mappstruktur

Svep för att visa menyn

Låt oss ta lite tid att undersöka projektet.

  • app: Denna katalog är kärnan i din applikation och innehåller alla rutter, komponenter och logik. Här kommer du att spendera mest tid med att bygga applikationens centrala funktionalitet;
  • app/lib: Innehåller viktiga funktioner som används i hela applikationen. Dessa funktioner fyller olika syften, inklusive hjälpfunktioner som kan återanvändas i olika delar av projektet samt datahämtande funktioner för att hämta data;
  • app/ui: Här finns alla UI-komponenter som utgör de visuella elementen i applikationen, såsom kort, tabeller och formulär. Dessa komponenter är förstylade för att spara tid;
  • public: Lagrar statiska tillgångar som bilder som används i applikationen;
  • scripts: Ett seedningsskript i denna katalog kommer att vara användbart för att fylla databasen i ett senare kapitel. Denna mapp är inte en naturlig Next.js-funktion utan har skapats specifikt för att fungera med den riktiga databasen.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2
some-alt