src-Verzeichnis

Als Alternative zu den speziellen Next.js-Verzeichnissen app oder pages im Stammverzeichnis Ihres Projekts unterstützt Next.js auch das gängige Muster, Anwendungscode im src-Verzeichnis abzulegen.

Dies trennt Anwendungscode von Projektkonfigurationsdateien, die sich meist im Stammverzeichnis eines Projekts befinden, was von einigen Personen und Teams bevorzugt wird.

Um das src-Verzeichnis zu verwenden, verschieben Sie den app-Router-Ordner oder den pages-Router-Ordner in src/app bzw. src/pages.

Wissenswert

• Das /public-Verzeichnis sollte im Stammverzeichnis Ihres Projekts bleiben.
• Konfigurationsdateien wie package.json, next.config.js und tsconfig.json sollten im Stammverzeichnis des Projekts bleiben.
• .env.*-Dateien sollten im Stammverzeichnis des Projekts bleiben.
• src/app oder src/pages werden ignoriert, wenn app oder pages im Stammverzeichnis vorhanden sind.
• Wenn Sie src verwenden, werden Sie wahrscheinlich auch andere Anwendungsordner wie /components oder /lib verschieben.
• Wenn Sie Tailwind CSS verwenden, müssen Sie das Präfix /src im content-Abschnitt der tailwind.config.js-Datei hinzufügen.