Formation NextJS 1/6. Les bases
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

Formation NextJS 1/6. Les bases

Carl Brison
27,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Apprenez à créer des sites web professionnels avec Next.js !
Cette formation complète vous apprend tout ce qu'il faut savoir pour créer des sites web professionnels avec Next.js, de l'installation à la navigation. Il s'agit de la première vidéo d'une série complète de formations dédiées à ce framework pour React.

Au programme de cette formation sur les bases de Next JS

Voici ce que nous verrons dans ce premier cours en vidéo :

  • Installation de Next.js,
  • Fonctionnement de Next.js,
  • Premiers pas avec Next.js,
  • Déclarer un composant,
  • Mettre en forme le composant,
  • Importer un composant,
  • Navigation avec Next.js.

Cette formation s'adresse aux développeurs web qui souhaitent apprendre à créer des sites web professionnels avec Next.js.
Un QCM viendra compléter cette formation.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur le sujet.
 

Prérequis pour suivre ce cours dans de bonnes conditions

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Installer Next JS
Chapitre 2
Premiers pas avec NextJS
Chapitre 3
La navigation avec NextJS
Chapitre 4
Gérer les polices avec NextJS
Chapitre 5
Exercice d'application
Chapitre 6
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Installer Next JS
22m37
 
Leçon 1Présentation de Next JS
Leçon 2Installer Node JS
Leçon 3Installer npx
Leçon 4Installer Next JS
Leçon 5Découverte de NextJS
Leçon 6Lancer Next JS
Leçon 7Fonctionnement de NextJS
Chapitre 2 : Premiers pas avec NextJS
24m40
 
Leçon 1Déclarer un composant
Leçon 2Mettre en forme le composant
Leçon 3Mettre en forme un enfant d'une classe
Leçon 4Déclarer une classe globale
Leçon 5Importer un composant
Leçon 6Importer deux composants
Chapitre 3 : La navigation avec NextJS
23m05
 
Leçon 1Déclarer des pages
Leçon 2Créer une zone de navigation
Leçon 3Créer les liens
Leçon 4Formater la zone de navigation
Leçon 5Définir un lien externe au site web
Chapitre 4 : Gérer les polices avec NextJS
14m42
 
Leçon 1Déclarer une police
Leçon 2Déclarer des icones
Chapitre 5 : Exercice d'application
1h03
 
Leçon 1Ce que nous allons réaliser
Leçon 2Installer NextJS & Tailwind CSS
Leçon 3Installer un soft pour Tailwind CSS
Leçon 4Ecrire les composants fonctionnels
Leçon 5Définir les backgrounds avec Tailwind CSS
Leçon 6Mettre en forme le header et le footer avec Tailwind CSS
Leçon 7Mettre en forme la nav avec Tailwind CSS
Leçon 8Définir le CSS global
Leçon 9Mettre en forme la nav pour les grands écrans
Leçon 10Mettre en forme la section avec Tailwind CSS
Leçon 11Créer les liens et les pages
Chapitre 6 : Pour la prochaine fois
02m45
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
13
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 18/07/2024
Excellente mise en route, vivement la suite... après un détour par Tailwind en ce qui me concerne. nb: dans VSC, il y a une commande "Lorem" dans Affichage -> Palette de commandes.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire et pour l'info ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 19/05/2024
Après avoir suivi vos tutos sur React ,Tailwind j'entame celui de nextjs avec enthousiasme et vraiment je suis très satisfait de ce premier chapitre . Je comprends mieux la finalité de Tailwind et tout est très bien expliqué . Merci beaucoup . Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre confiance ;-)
Philippe Moreno
Philippe Moreno
Publié le 14/05/2024
Cette formation sur Next.js était très attendue. Impatient de voir la suite...Merci Carl. Philippe
Carl Brison
Carl Brison
Merci beaucoup Philippe ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Next JS 14

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le dossier /app/ de l'exercice d'application.

Payer plus tard

Prix d'achat : 27,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1402 tutos gratuits

Notre politique de protection des données