Udemy – Next.js – Cours Complet
Udemy – Next.js – Cours Complet
ISO + Fichiers source | Français | 5 H 50 Min | 12 Go
Finissez votre voyage Front-End. 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 ?
• Un rappel React & JavaScript (Seulement pour ceux qui en ont besoin)
• On attaque avec le système de routing
• L’optimisation des pages avec Next
• Le rendu de pages, le rendu côté serveur et l’utilisation de données
• Projet pratique : Blog
• Création d’API avec Next
• Déploiement
Ce que vous apprendrez :
• Le Framework Next
• Le système de routing de Next
• Avoir un bon SEO en utilisant ce Framework
• Optimiser ses pages
• Utiliser des données
• Rendre les images plus performantes avec Next
• Créer des API
• Etc …
À qui ce cours s’adresse-t-il ?
• Étudiants
• Développeurs Front
• Développeurs Full-Stack
• Amateurs en développement Web
Prérequis :
• Un ordinateur
• Des connaissances avec React, donc également en (HTML/CSS/JS)
• Un peu de volonté
Plus d’info:
_https://www.udemy.com/course/nextjs-cours-complet/
