.gitignore für React

Sofort verwendbare .gitignore für React-Projekte — CRA, Next.js, Vite, Build-Output, node_modules und Umgebungsdateien

Browse all templates

Languages

Frameworks

Game Engines

Platforms

Build Tools

IDEs

OS

Misc

Need more options? Use the full .gitignore generator with 60+ templates and preset combos.

Uber dieses Tool

React-Projekte (ob Create React App, Next.js, Vite oder Remix) basieren auf Node.js und haben dieselben gitignore-Anforderungen — plus framework-spezifische Build-Verzeichnisse wie .next, dist oder build. Diese Vorlage kombiniert die Node.js gitignore mit Next.js-Regeln und gängigen IDE/OS-Mustern. Sie deckt npm, yarn und pnpm, Build-Artefakte, Umgebungsdateien und alles ab, was du für ein sauberes React-Repository benötigst.

Anleitung

1. Überprüfe die vorausgewählten Vorlagen (Node.js + Next.js + VS Code + OS) 2. Entferne Next.js, wenn du es nicht verwendest, oder füge andere Vorlagen hinzu 3. Klicke auf "Kopieren" oder "Herunterladen" 4. Platziere sie im Projektstammverzeichnis

Haufig gestellte Fragen

Sollte ich den build- oder dist-Ordner ignorieren?
Ja. Build-Ausgaben (build/, dist/, .next/, out/) werden aus dem Quellcode generiert und sollten nicht in der Versionskontrolle sein. Sie können jederzeit aus dem Quellcode neu erstellt werden.
Brauche ich unterschiedliche .gitignore für CRA vs Next.js vs Vite?
Die Node.js-Basis ist dieselbe. Der Unterschied liegt im Namen des Build-Verzeichnisses: CRA verwendet build/, Next.js verwendet .next/ und out/, Vite verwendet dist/. Diese Vorlage deckt alle ab.
Sollte ich .env.local committen?
Nein. Dateien wie .env.local enthalten Geheimnisse, die spezifisch für deinen Rechner sind. Committe stattdessen eine .env.example-Datei, die die erforderlichen Variablen ohne echte Werte auflistet.
Was ist mit dem .next-Ordner bei Next.js?
Der .next-Ordner enthält den Build-Cache und Server-Side-Rendering-Output. Er sollte immer ignoriert werden, da er groß sein kann und bei jedem Build neu generiert wird. Next.js erstellt ihn automatisch beim Ausführen von 'next build' oder 'next dev'.
Sollte ich Storybook-Dateien ignorieren?
Committe die Storybook-Konfiguration (.storybook/) und Stories-Dateien (*.stories.tsx). Ignoriere jedoch das storybook-static/-Verzeichnis, das den statischen Build enthält. Dieses wird für die Deployment-Vorschau generiert und kann neu erstellt werden.
Wie gehe ich mit TypeScript-Deklarationsdateien um?
Wenn du .d.ts-Dateien manuell schreibst, committe sie. Wenn sie automatisch generiert werden (durch tsc mit declaration: true), füge sie zu .gitignore hinzu, da sie aus dem Quellcode neu erstellt werden können. Die meisten React-Projekte committen ihre eigenen Typen.
Sollte ich ESLint- und Prettier-Cache ignorieren?
Ja. Füge .eslintcache und .prettiercache zu .gitignore hinzu. Diese Cache-Dateien beschleunigen wiederholte Läufe, sind aber maschinenspezifisch und sollten nicht geteilt werden.

Verwandte Tools