Next.js ou Gatsby? Pourquoi les choisir plutôt que create-react-app? Et lequel?
create-react-appne vous aide pas à générer facilement une application rendue côté serveur. Tout ce qui va avec (SEO, rapidité…) n'est fourni que par des outils commeNext.jsetGatsby.
Quand Next.js est-il meilleur que Gatsby?
Ils peuvent tous les deux aiderrendu côté serveur, mais de 2 manières différentes.
Le résultat final en utilisant Gatsby est un générateur de site statique, sans serveur. Vous créez le site, puis vous déployez le résultat du processus de génération de manière statique sur Netlify ou un autre site d'hébergement statique.
Next.js fournit un backend qui peut rendre côté serveur une réponse à la demande, vous permettant de créer un site Web dynamique, ce qui signifie que vous le déploierez sur une plate-forme qui peut exécuter Node.js.
Next.jspeutgénérer un site statique aussi, mais je ne dirais pas que c'est son principal cas d'utilisation.
Si mon objectif était de créer un site statique, j'aurais du mal à choisir et peut-être que Gatsby a un meilleur écosystème de plugins, dont beaucoup pour les blogs en particulier.
Gatsby est également fortement basé surGraphQL, quelque chose que vous pourriez vraiment aimer ou ne pas aimer en fonction de vos opinions et de vos besoins.
Téléchargez mon gratuitManuel Next.js
Plus de prochains tutoriels:
- Premiers pas avec Next.js
- Next.js vs Gatsby vs create-react-app
- Comment installer Next.js
- Lier deux pages dans Next.js à l'aide de Link
- Contenu dynamique dans Next.js avec le routeur
- Flux de données vers un composant Next.js à l'aide de getInitialProps
- Styliser les composants Next.js à l'aide de CSS
- Pré-extraire du contenu dans Next.js
- Utilisation du routeur pour détecter le lien actif dans Next.js
- Afficher la source pour confirmer que SSR fonctionne dans Next.js
- Next.js: remplissez la balise head avec des balises personnalisées
- Déployer une application Next.js maintenant
- Next.js: exécutez le code uniquement côté serveur ou côté client dans Next.js
- Déployer une application Next.js en production
- Comment analyser les bundles d'applications Next.js
- Modules de chargement paresseux dans Next.js
- Ajout d'un composant wrapper à votre application Next.js
- Les icônes ajoutées par Next.js à votre application
- Les offres groupées d'applications Next.js
- Comment utiliser le routeur Next.js
- Comment utiliser les routes d'API Next.js
- Comment obtenir des cookies côté serveur dans une application Next.js
- Comment changer le port d'une application Next.js