next enterprise

Next.js Enterprise Playplate

Bienvenue dans le buisaule Entreprise suivante . Il est chargé de fonctionnalités qui vous aideront à créer une application haute performance, maintenable et agréable. Nous avons fait tout le levage pour vous, alors asseyez-vous, détendez-vous et préparez-vous à conquérir le monde avec votre incroyable application! ?

Note

Blazity est un groupe d'experts Next.js / sans tête. Contactez-nous à [email protected] si vous souhaitez parler de votre projet ou simplement pour discuter avec nous

Caractéristiques

Avec ce modèle, vous obtenez toute la génialité dont vous avez besoin:

• ? Çons next.js - Fast par défaut, avec configuration optimisé pour les performances (avec répertoire d'applications )
• ? Tailwind CSS - Un cadre CSS-First utilitaire pour le développement rapide de l'interface utilisateur
• Eslint et plus joli - pour un code propre, cohérent et sans erreur
• TypeScript extrêmement strict - avec bibliothèque ts-reset pour la sécurité de type ultime
• Actions GitHub - Actions préconfigurées pour les workflows lisses, y compris la taille du faisceau et les statistiques de performance
• ? Score de phare parfait - parce que les performances sont importantes
• Plugin d'analyseur de bundle - Gardez un œil sur la taille de votre bundle
• Bibliothèque de tests de plaisanterie et de réaction - pour les tests d'unité et d'intégration solides de roche
• Playwright - Écrivez des tests de bout en bout comme un pro
• Livre de contes - créer, tester et présenter vos composants
• Tests de test de fumée et d'acceptation - pour la confiance dans vos déploiements
• Conventionnel Commits Git Hook - Gardez votre histoire de validation soignée et bien rangée
• Observabilité - Intégration de télémétrie ouverte pour une surveillance transparente
• Importations absolues - Plus d'importations de spaghetti
• Contrôles de santé - Compatible Kubernetes pour les déploiements robustes
• Radix UI - Composants d'interface utilisateur sans tête pour une personnalisation sans fin
• CVA - Créez un système de conception cohérent, réutilisable et atomique
• Rénover Bot - Dépendance automatique à la mise à jour, vous pouvez donc vous concentrer sur le codage
• Patch-Package - Correction des dépendances externes sans perdre la tête
• Coupage des composants et graphique de cohésion - Un outil pour gérer les relations composantes
• Avis de code chatppt automatisé - Restez à la pointe des avis de code alimentés par AI!
• Sortie sémantique - pour le changelog automatique
• T3 Env - Gérez vos variables d'environnement avec facilité

Table des matières

• Next.js Enterprise Playplate
  • Caractéristiques
  • Table des matières
  • Commencer
  • Déploiement
  • Présentation des scripts
  • Graphique de couplage
  • Essai
    • Tests en cours d'exécution
    • Tests d'acceptation
    • Tests de fumée
  • Système de style et de conception
    • CVA - Une nouvelle approche des variantes
  • Gestion de l'État
    • Zustand
    • Jotai
    • Recul
  • CHATGPT Code Review
  • Manipulation des variables d'environnement
  • Contribution
  • Soutien
  • Licence
  • Contributeurs

Commencer

Pour commencer avec cette passe-partout, suivez ces étapes:

1. Référentiel de fourche et clone:

 # # Don't forget to  star and fork it first :)
git clone https://github.com/ < your_username)/next-enterprise.git

2. Installez les dépendances:

yarn install --frozen-lockfile

3. Exécutez le serveur de développement:

yarn dev

4. Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

5. Ce projet utilise un crochet GIT pour appliquer les validations conventionnelles. Pour installer le crochet GIT, exécutez la commande suivante dans le répertoire racine du projet:

brew install pre-commit
pre-commit install -t commit-msg

Déploiement

Déplacez facilement votre application Next.js avec Vercel en cliquant sur le bouton ci-dessous:

? Présentation des scripts

Les scripts suivants sont disponibles dans le package.json :

• dev : démarre le serveur de développement avec une sortie colorisée
• build : Création de l'application pour la production
• start : démarre le serveur de production
• lint : peluches le code en utilisant Eslint
• lint:fix : corrige automatiquement les erreurs de liaison
• prettier : vérifie le code pour un formatage approprié
• prettier:fix : résoudre automatiquement les problèmes de formatage
• analyze : analyse les tailles de bundle pour les environnements du client, du serveur et des bords
• storybook : démarre le serveur de contes de contes
• build-storybook : construit le livre de contes pour le déploiement
• test : exécute des tests d'unité et d'intégration
• e2e:headless : exécute des tests de bout en bout en mode sans tête
• e2e:ui : exécute des tests de bout en bout avec une interface utilisateur
• format : formats le code avec plus joli
• postinstall : applique des correctifs aux dépendances externes
• preinstall : s'assure que le projet est installé avec du fil
• coupling-graph : génère un graphique de couplage et de cohésion pour les composants

? Graphique de couplage

Le script coupling-graph est un outil utile qui aide à visualiser le couplage et les connexions entre les modules internes de votre projet. Il est construit en utilisant la bibliothèque Madge. Pour générer le graphique, exécutez simplement la commande suivante:

yarn coupling-graph

Cela créera un fichier graph.svg , qui contient une représentation graphique des connexions entre vos composants. Vous pouvez ouvrir le fichier avec n'importe quelle visionneuse compatible SVG.

Ajoutez vos contributions