Routeur Pages
Nouveau cours sur le Routeur App : Vous consultez actuellement le cours sur le Routeur Pages. Consultez le nouveau cours sur le Routeur App ici.
Pour construire une application web complète avec React à partir de zéro, il y a de nombreux détails importants à prendre en compte :
- Le code doit être regroupé à l'aide d'un bundler comme webpack et transformé à l'aide d'un compilateur comme Babel.
- Vous devez effectuer des optimisations de production telles que le découpage du code (code splitting).
- Vous pourriez vouloir pré-rendre statiquement certaines pages pour des raisons de performance et de SEO. Vous pourriez aussi vouloir utiliser le rendu côté serveur (SSR) ou le rendu côté client (CSR).
- Vous pourriez avoir à écrire du code côté serveur pour connecter votre application React à votre base de données.
Un framework peut résoudre ces problèmes. Mais un tel framework doit avoir le bon niveau d'abstraction — sinon il ne sera pas très utile. Il doit aussi offrir une excellente "Expérience Développeur", garantissant que vous et votre équipe ayez une expérience exceptionnelle lors de l'écriture du code.
Next.js : Le Framework React
Voici Next.js, le Framework React. Next.js fournit une solution à tous les problèmes mentionnés ci-dessus. Mais plus important encore, il vous place, vous et votre équipe, dans la zone de succès lors de la construction d'applications React.
Next.js vise à offrir une expérience développeur de premier ordre et de nombreuses fonctionnalités intégrées, telles que :
- Un système de routage basé sur les pages intuitif (avec prise en charge des routes dynamiques)
- Pré-rendu, avec prise en charge à la fois de la génération statique (SSG) et du rendu côté serveur (SSR) page par page
- Découpage automatique du code pour des chargements de page plus rapides
- Routage côté client avec préchargement optimisé
- Prise en charge intégrée du CSS et de Sass, ainsi que prise en charge de n'importe quelle bibliothèque CSS-in-JS
- Environnement de développement avec prise en charge du Rafraîchissement Instantané
- Routes API pour construire des points d'API avec des fonctions Serverless
- Entièrement extensible
Next.js est utilisé dans des dizaines de milliers de sites web et applications web en production, y compris parmi les plus grandes marques mondiales.
À propos de ce tutoriel
Ce cours interactif gratuit vous guidera pour bien démarrer avec Next.js.
Dans ce tutoriel, vous apprendrez les bases de Next.js en créant une application de blog très simple. Voici un exemple du résultat final :
https://next-learn-starter.vercel.app (source)
Ce tutoriel suppose une connaissance de base de JavaScript et React. Si vous n'avez jamais écrit de code React, vous devriez d'abord suivre le tutoriel officiel React.
Si vous cherchez plutôt de la documentation, consultez la documentation Next.js.
Rejoignez la conversation
Si vous avez des questions sur Next.js ou ce cours, vous êtes invités à les poser à notre communauté sur Discord.
Commençons !