Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Next.js : Cours Complet
Rating: 4.5 out of 5(542 ratings)
2,252 students

Next.js : Cours Complet

Du Front-End au Back-End
Last updated 1/2026
French

What you'll learn

  • 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 ...

Course content

5 sections106 lectures15h 32m total length
  • Introduction6:05
  • Éditeur de code3:15
  • Ressources0:09

Requirements

  • Un ordinateur
  • Des connaissances avec React, donc également en (HTML/CSS/JS)
  • Un peu de volonté 🔥

Description

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 !

Who this course is for:

  • Étudiants
  • Développeurs Front
  • Développeurs Full-Stack
  • Amateurs en développement Web