Téléchargement nextjs boilerplate - Téléchargement du code source nextjs boilerplate

nextjs boilerplate

Code Source AI

1.0.0

Télécharger

Plate-plaque et démarreur pour JS 15+, Tailwind CSS 3 et TypeScript

Chauler-plaque et démarreur pour Next.js, Tailwind CSS et TypeScript ⚡️ Fabriqué avec l'expérience du développeur d'abord: Next.js (routage des applications), TypeScript, Eslint, plus joli, Husky, Lint-Stage, Jest, React Bibliothèque de tests, PostCSS, Tailwind CSS, Storage, PLlop, GH Action.

Caractéristiques

Expérience du développeur en premier:

Next.js pour le générateur de sites statique
Type Vérification TypeScript
Intégrer au vent arrière CSS
Livre de contes pour la documentation des composants
Mode strict pour dactylographie et réagir 18
Linter avec Eslint
Formateur de code avec plus joli
Husky pour les crochets git
En place de peluche pour exécuter des liners sur les fichiers mis en scène GIT
Teste avec plaisante
Importations absolues à l'aide de @ prefix
Dispositions personnalisées NextJS
T3 Env Gérer vos variables d'environnement avec facilité
Convention de messages pour Git
Maximiser le score du phare
Actions GH
Génération de composants avec convention de conception Plop et atomique

? Plans

Analyseur de bundler
pwa suivant

? Essai

Tous les tests sont colocalisés avec le code source dans le même répertoire. Donc, cela facilite les trouver. Le seuil de couverture est fixé à 70% . Dans le dossier .jest Jest, il y a un fournisseur de douane pour tous les tests.

Comment utiliser

Pour utiliser ce modèle, vous pouvez simplement cliquer sur Utiliser ce modèle ou créer votre application Next.js en fonction de ce modèle en exécutant:

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

Déploier à la production

Installez la commande sur Vercel:

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

Vous pouvez voir les résultats localement en mode de production avec:

pnpm build

pnpm start

Génération de composants

pnpm generate Button

Résultat (si vous avez choisi un composant atome):

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

? Contributif

Fourk ce référentiel;
Créez votre branche: git checkout -b my-awesome-contribution ;
Commissez vos modifications: git commit -m 'feat: Add some awesome contribution' ;
Poussez à la branche: git push origin my-awesome-contribution .