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

Suggested prompts:

Can you explain more about what each folder does in the project?

What should I focus on first when exploring these folders?

Are there any best practices for organizing files in a Next.js project?

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