Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Next JS de A à Z
Rating: 4.4 out of 5(56 ratings)
336 students

Next JS de A à Z

Next JS | React JS | Typescript | Tailwind CSS | Next Auth | Firebase | Yup | Prisma
Last updated 11/2024
French

What you'll learn

  • Les bases de Next js : Structure des projets, gestion des routes statiques et dynamiques, rendu côté serveur et génération de sites statiques.
  • Rendu côté serveur (SSR) et rendu statique (SSG) : Techniques pour optimiser les performances et le SEO.
  • Gestion des routes API avec Next js : Création d'API côté serveur directement dans vos projets Next js.
  • Intégration de TypeScript : Utilisation de TypeScript pour sécuriser votre code et réduire les erreurs.
  • Authentification des utilisateurs avec NextAuth : Mise en place d'un système d'authentification sécurisé, avec gestion des sessions et connexions via Google...
  • Firebase pour le back-end : Gestion des bases de données en temps réel, stockage de fichiers et hébergement avec Firebase.
  • Connexion à des bases de données relationnelles avec Prisma : Utilisation de Prisma pour interagir avec des bases de données MySQL, PostgreSQL ou SQLite.
  • Migrations de bases de données : Gestion des migrations et modifications de schémas de base de données avec Prisma.
  • Création et sécurisation des API routes : Conception de routes API robustes et sécurisées dans Next js pour gérer les fonctionnalités back-end.
  • Optimisation des performances : Techniques pour accélérer le chargement des pages et améliorer l'expérience utilisateur.
  • Déploiement sur Vercel : Mise en ligne de votre application sur Vercel, la plateforme de déploiement idéale pour Next js.
  • Amélioration continue du code : Techniques pour écrire un code propre, maintenable et évolutif, en appliquant les bonnes pratiques du développement.
  • Gestion des fichiers avec Firebase : Stockage et récupération de fichiers (images, documents) dans Firebase.
  • CRUD ( Create Read Update Delete)

Course content

12 sections106 lectures11h 19m total length
  • Introduction1:12

    Bienvenue dans cette formation dédiée à Next.js, une des technologies les plus puissantes et populaires pour créer des applications web modernes. Dans ce premier chapitre, nous allons poser les bases de notre parcours en présentant les objectifs, le contenu, et les technologies que vous apprendrez à maîtriser.


    Nous commencerons par explorer Next.js, un framework React qui permet de créer des applications performantes grâce au rendu côté serveur (SSR) et au rendu statique (SSG). Vous comprendrez pourquoi Next.js est devenu un choix incontournable pour de nombreux développeurs et comment il facilite la création d'applications web rapides, optimisées et faciles à maintenir.


    Cette formation vous guidera aussi à travers l’utilisation de Firebase pour gérer le stockage en temps réel et les données utilisateurs. Grâce à Firebase, vous serez en mesure d’implémenter des fonctionnalités interactives, comme la gestion des données en temps réel et le stockage sécurisé des fichiers. Nous introduirons Next Auth pour ajouter des fonctionnalités d'authentification et sécuriser votre application, en prenant en compte les meilleures pratiques pour garantir la confidentialité des utilisateurs. Enfin, nous aborderons Prisma, un ORM moderne, qui simplifiera la gestion de vos bases de données en vous permettant de manipuler les données avec une syntaxe intuitive et de manière optimisée.


    En somme, ce premier chapitre est là pour vous offrir une vue d’ensemble sur ce que vous allez apprendre, pour mieux comprendre comment chaque composant de cette formation s’intègre dans le développement d'applications Next.js complètes. Préparez-vous à entrer dans un environnement de développement riche en fonctionnalités et prêt à relever les défis du web moderne !

  • Introduction à NEXT JS2:26
  • Préparation à la formation2:22
  • Installer Next JS + explications fichiers7:51

Requirements

  • Notions REACT JS
  • Notions Javascript et Typescript
  • Notions HTML et CSS

Description

Dans cette formation, vous allez plonger au cœur du développement full-stack avec Next.js, en vous appuyant sur des technologies modernes et incontournables comme TypeScript, NextAuth, Firebase, et Prisma. Vous apprendrez à créer des applications web performantes, évolutives et sécurisées, tout en intégrant les meilleures pratiques de développement.


Cette formation complète vous permettra de maîtriser Next.js, un framework de choix pour le rendu côté serveur et les applications statiques, tout en explorant comment utiliser TypeScript pour renforcer la robustesse de votre code. Vous comprendrez comment gérer efficacement l'authentification des utilisateurs avec NextAuth, permettant des connexions via différents fournisseurs comme Google ou GitHub.


En parallèle, vous intégrerez Firebase pour gérer vos bases de données en temps réel, stocker des fichiers et héberger vos applications, le tout sans avoir à gérer des serveurs. Vous utiliserez également Prisma, un ORM moderne qui facilitera vos interactions avec les bases de données relationnelles, rendant le développement back-end plus intuitif et efficace.


Chaque étape de cette formation vous permettra de renforcer vos compétences, de la théorie aux projets pratiques, en passant par des exercices concrets pour comprendre comment ces technologies fonctionnent ensemble. Vous serez guidé à travers des concepts complexes de manière progressive, afin de bâtir une application complète et scalable.

Who this course is for:

  • Débutants(es)
  • Amateurs(trices)
  • Développeurs
  • Personne en reconverssion