nextjs boilerplate Download - nextjs boilerplate Quellcode Download

nextjs boilerplate

AI-Quellcode

1.0.0

Herunterladen

Kesselplatte und Starter für den nächsten JS 15+, den Rückenwind -CSS 3 und der Typenkript

Boilerplate und Starter für Next.js, Rückenwind-CSS und Typenkript ⚡️ Mit Developer Experience First: Next.js (App-Routing), Typscript, Eslint, schöner, Husky, Lint-Stufen, Scherz, Reaget-Testbibliothek, Postcss, Rückenwind-CSS, Storybook, GH-Aktionen.

Merkmale

Entwicklererfahrung zuerst:

Weiter.js für statische Site Generator
Geben Sie das Checking typeScript ein
Integrieren Sie sich in CSS mit Rückenwind
Storybook für Komponentendokumentation
Strikter Modus für Typscript und React 18
Linter mit Eslint
Codeformatierer mit hübscher
Ehemann für Git -Haken
Lint-stetig zum Ausführen von Lintern auf Git-inszenierten Dateien
Tests mit Scherz- und Reaktestest-Bibliothek
Absolute Importe mit @ Präfix
NEXTJS Custom Layouts
T3 Env verwalten Ihre Umgebungsvariablen mühelos
Nachrichtenkonvention für Git
Maximieren Sie die Leuchtturmbewertung
GH -Aktionen
Komponentenerzeugung mit Plop- und Atomdesignkonvention

? Pläne

Bundler -Analysator
NEXT-PWA

? Testen

Alle Tests werden mit dem Quellcode im selben Verzeichnis zusammengestellt. Es macht es also einfacher, sie zu finden. Die Abdeckungsschwelle wird auf 70% festgelegt. Im Ordner .jest Jest gibt es einen benutzerdefinierten Anbieter für alle Tests.

Wie man benutzt

Um diese Vorlage zu verwenden, können Sie einfach in dieser Vorlage verwenden oder Ihre nächste.js -App basierend auf dieser Vorlage erstellen, indem Sie ausführen:

pnpm create next-app -e https://github.com/hadrysm/nextjs-boilerplate

Zur Produktion einsetzen

Befehl auf Vercel installieren:

 corepack use pnpm@`pnpm -v` && pnpm i

Sie können die Ergebnisse lokal im Produktionsmodus sehen mit:

pnpm build

pnpm start

Komponenten erzeugen

pnpm generate Button

Ergebnis (wenn Sie sich für eine Atomkomponente entschieden haben):

 └── components
      └── atoms
        └── Button
          ├── index.ts
          ├── Button.stories.tsx
          ├── Button.test.tsx
          └── Button.tsx

? Beitragen

Fork dieses Repository;
Erstellen Sie Ihren Zweig: git checkout -b my-awesome-contribution ;
Bestimmen Sie Ihre Änderungen: git commit -m 'feat: Add some awesome contribution' ;
Drücken in den Zweig: git push origin my-awesome-contribution .