next advanced apollo starter

starter à l'apollo avancé

Avancé et minimaliste Suivant.js et Apollo Starter

Ce qui est inclus • Début • Utilisation Apollo • Tests • Utilisation de Docker

Ce qui est inclus

Caractéristiques

• Dernière version Next.js.
• Dernières mises à jour des packages.
• Client GraphQL Apollo avec authentification JWT basée sur des cookies intégrée.
• Fonctionne à la fois via le rendu côté client et le rendu côté serveur ;
• Environnement dactylographié.
• Normaliser.css inclus.
• Pas de serveur personnalisé .

Expérience du développeur

• Test de l'environnement via la plaisanterie et le test-bibliothèque / réaction.
• Générateur de code GraphQL configuré. Exécutez simplement yarn codegen .
• Plus joli pour le formatage du code.
• Configuration de débogage pour VScode.
• Configuration Docker pour servir la construction prête pour la production avec Nginx.

Commencer

Aucune connaissance supplémentaire nécessaire pour commencer, voir Next.js Documentation.

Génération de code graphique

Interfaces générées pour les fichiers .graphql co-localisés. Voir l'exemple.

yarn codegen

Utilisation d'Apollo

• Exemple de rendu côté client (RSE).
• Exemple de rendu côté serveur (SSR).

Tests

Jest est un excellent outil pour les tests. Pour exécuter les tests, utilisez simplement le script test à partir de package.json :

yarn test

---

À peu près tout ce que vous devez savoir sur la structure du projet, la SSR, etc., vous pouvez trouver dans la documentation officielle Next.js.

Utilisation de Docker

Pour construire et exécuter un conteneur prêt pour la production dockée, exécuter:

docker-compose up --build