src-Verzeichnis

Als Alternative dazu, die speziellen Next.js-Verzeichnisse app oder pages im Root-Verzeichnis des Projekts zu haben, unterstützt Next.js auch das gängige Muster, Anwendungscode im src-Verzeichnis zu platzieren.

Dies trennt Anwendungscode von Projektkonfigurationsdateien, die meist im Root-Verzeichnis eines Projekts leben, was von manchen Einzelpersonen und Teams bevorzugt wird.

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

Hinweis:

• Das /public-Verzeichnis sollte im Root-Verzeichnis des Projekts verbleiben.
• Konfigurationsdateien wie package.json, next.config.js und tsconfig.json sollten im Root-Verzeichnis des Projekts verbleiben.
• .env.*-Dateien sollten im Root-Verzeichnis des Projekts verbleiben.
• src/app oder src/pages werden ignoriert, wenn app oder pages im Root-Verzeichnis 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 im src-Verzeichnis platziert ist.
• Wenn Sie Tailwind CSS verwenden, müssen Sie dem tailwind.config.js im Inhaltsabschnitt das /src-Präfix hinzufügen.
• Wenn Sie TypeScript-Pfade für Imports wie @/* verwenden, sollten Sie das paths-Objekt in tsconfig.json aktualisieren, um src/ einzuschließen.