OpenCourser
Learn skills that shape your future
Visit OpenCourser.com
Il est là, enfin, le cours complet Next.js . Next.js est le Framework de React, cela peut paraître étrange au premier abord, mais ce qu'il apporte à React est tout simplement essentiel .Il faut rappeler que React n'est pas officielement un Framework, c'est une librairie, c'est à dire qu'elle n'apporte pas un cadre complet de travail, elle permet "simplement" de créer des applications web à l'aide de composants et de fonctionnalités géniales.Pour preuve, on a besoin d'utiliser des outils externes pour réaliser certaines tâches, comme React-Router, Redux, etc ...Enfin et surtout, les applications crées avec React n'ont pas un bon SEO, tout simplement car un énorme paquet(bundle) javaScript est retourné par le serveur, et non du contenu qui pourrait se faire parcourir par les "crawlers" de Google & Co.Next.js vient quant à lui apporter un vrai cadre de travail avec React, tout en gardant ses fonctionnalités phares (composants, state, props, hooks, contexte, etc ...).Les avantages et fonctionnalités de Next : - Un système de routing intégré et très simple à utiliser
Il est là, enfin, le cours complet Next.js . Next.js est le Framework de React, cela peut paraître étrange au premier abord, mais ce qu'il apporte à React est tout simplement essentiel .Il faut rappeler que React n'est pas officielement un Framework, c'est une librairie, c'est à dire qu'elle n'apporte pas un cadre complet de travail, elle permet "simplement" de créer des applications web à l'aide de composants et de fonctionnalités géniales.Pour preuve, on a besoin d'utiliser des outils externes pour réaliser certaines tâches, comme React-Router, Redux, etc ...Enfin et surtout, les applications crées avec React n'ont pas un bon SEO, tout simplement car un énorme paquet(bundle) javaScript est retourné par le serveur, et non du contenu qui pourrait se faire parcourir par les "crawlers" de Google & Co.Next.js vient quant à lui apporter un vrai cadre de travail avec React, tout en gardant ses fonctionnalités phares (composants, state, props, hooks, contexte, etc ...).Les avantages et fonctionnalités de Next : - Un système de routing intégré et très simple à utiliser
- De la création de pages statiques hyper rapides et bonnes pour le SEO
- Une optimisation des pages, du <head></head> aux images
- Du rendu côté serveur si on en a besoin
- Une utilisation de données (API, base de données, etc..) extremement simple et performante
- De la création d'API directement avec Next
- Etc ...Alléchant, n'est-ce pas ?Et maintenant, de quoi est composé le cours ?1. Un rappel React & JavaScript (Seulement pour ceux qui en ont besoin)
2. On attaque avec le système de routing
3. L'optimisation des pages avec Next
4. Le rendu de pages, le rendu côté serveur et l'utilisation de données
5. Projet pratique : Blog
6. Création d'API avec Next
7. Déploiement
On se donne rendez-vous de l'autre côté pour commencer tout ça .
Save
Aborde les aspects clés de Next.js (SSR, API, etc).
Le projet final permet d'appliquer les connaissances.
L'instructeur explique très bien les concepts.
Le cours couvre les dernières versions de Next.js.
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
