src-Ordner

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-Ordner abzulegen.

Dadurch wird der Anwendungscode von den Projektkonfigurationsdateien getrennt, die sich meist im Stammverzeichnis eines Projekts befinden. Dies wird von einigen Personen und Teams bevorzugt.

Um den src-Ordner zu verwenden, verschieben Sie den app-Router-Ordner oder den pages-Router-Ordner jeweils nach src/app oder src/pages.

Wissenswert:

• Das Verzeichnis /public sollte im Stammverzeichnis Ihres Projekts verbleiben.
• Konfigurationsdateien wie package.json, next.config.js und tsconfig.json sollten im Stammverzeichnis Ihres Projekts verbleiben.
• .env.*-Dateien sollten im Stammverzeichnis Ihres Projekts verbleiben.
• 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 Middleware verwenden, stellen Sie sicher, dass sie sich im src-Ordner befindet.
• Wenn Sie Tailwind CSS verwenden, müssen Sie in der Content-Sektion der tailwind.config.js-Datei das Präfix /src hinzufügen.
• Wenn Sie TypeScript-Pfade für Importe wie @/* verwenden, sollten Sie das paths-Objekt in tsconfig.json aktualisieren, um src/ einzubeziehen.