Skip to content

Template de configuration d'un projet Next.Js avec Typescript, ESLint, Airbnb, Prettier, Husky, scopes de commit personnalisés, Lint Staged et Pipeline CI/CD

Notifications You must be signed in to change notification settings

drondiodev/Drondiodev-template-starter

Repository files navigation

Drondiodev-template-starter

Drondiodev-template

GitHub last commit GitHub forks GitHub Repo stars GitHub watchers

Drondiodev-template est un template Next.js prêt à l'emploi, conçu pour vous permettre de démarrer rapidement le développement de votre nouvelle application web. Il intègre les meilleures pratiques et les dernières fonctionnalités de Next.js, ainsi que des outils de développement essentiels pour améliorer votre productivité.

Fonctionnalités

Technologies et bibliothèques

Next.js Typescript React

  • Next.js 14 avec App Router : Bénéficiez des dernières fonctionnalités et améliorations de performances de Next.js, notamment le nouveau système de mise en page (app/), le rendu côté serveur et la navigation de fichiers.
  • Typescript : Un support complet de TypeScript pour un code plus robuste et plus facilement maintenable.
  • Tailwind CSS : Une configuration préconfigurée de Tailwind CSS pour une stylisation moderne et réactive de vos composants.
  • ESLint et Prettier : Des outils de lint et de formatage de code préconfigurés pour maintenir une base de code cohérente et lisible.
  • Husky et Lint-Staged : Des hooks de Git pour exécuter automatiquement les vérifications de lint et de formatage avant chaque commit.
  • cz-customizable : Permet de personnaliser les messages de commit en utilisant des conventions spécifiques. Il s'intègre avec Commitizen pour fournir une interface interactive lors de la création de commits, ce qui aide à maintenir des messages de commit cohérents et significatifs.

Utilisation

  1. Clonez le dépôt :

Créer un nouveau repository à part du lien "utiliser ce template" puis

git clone 'lien de votre nouveau repo'

Merci de préférer cette façon de faire, afin de faire connaître le template.

ou

En utilisant create-next-app :

pnpm create next-app  -e https://github.com/drondiodev/Drondiodev-template-starter ts-pnpm
  1. Accédez au répertoire du projet :

cd 'nom de votre repo'

  1. Installez les dépendances du projet avec pnpm :
pnpm install
  1. Démarrez le serveur de développement :
pnpm dev

Votre application Next.js sera alors accessible à l'adresse http://localhost:3000.

  1. Faites vos modifications puis :
git add -A
pnpm commit

Puis laisser vous guider en suivant les instructions dans le terminal

git push

About

Template de configuration d'un projet Next.Js avec Typescript, ESLint, Airbnb, Prettier, Husky, scopes de commit personnalisés, Lint Staged et Pipeline CI/CD

Resources

Stars

Watchers

Forks