Projet Next JS : Installation et Premier Pas

Bonjour, nous allons explorer ensemble comment créer des sites web avec Next JS (et bien sûr, React) en utilisant Tailwind, Typescript et plus encore.

Je crois fermement à l'apprentissage par la pratique, et donc on va passer par une série de projets qui nous permettront d'explorer les différents aspects de la création d'un site Web en utilisant Next JS. On va aborder des sujets comme l'authentification, l'interaction avec les bases de données, la création d'une biographie et d'un portfolio, et l'utilisation de React pour l'interactivité.

Pour pouvoir suivre le cours, vous devrez comprendre les bases de la base en JavaScript ou en HTML. Genre : qu'est-ce qu'une `div` en HTML ? Qu'est-ce qu'une fonction ou une variable en JS ? Par contre, vous n'avez pas besoin de connaître React, TypeScript ou Tailwind. On couvrira çaen cours de route.

Dans cette vidéo, nous allons passer en revue quatre points :

Premièrement, nous examinerons les **prérequis de base **dont vous avez besoin pour commencer : le logiciel et les outils que vous devez avoir installés.

Ensuite, nous installerons le logiciel** Next JS sur notre ordinateur**, et le configurerons avec Tailwind et TypeScript.

Troisièmement, nous allons voir la **structure de Next JS**, à quoi servent les différents dossiers. Quels fichiers vont où ?

Et enfin, nous jetterons un premier coup d'oeil à **la façon dont le routage fonctionne dans Next JS**, et nous créerons quelques pages de base simples juste pour illustrer le fonctionnement du routage.
----------

Mon matos :

[romeocaillon]

Mec le montage est fou, le son est fou, c'est tellement agréable ! J'ai eu des frissons. Merci pour ça.

[franckyamagbegnon]

☺️☺️☺️, on n'attend le reste avec impatience

[fredericgaufichon]

Je trainais en me demandant quel sera mon prochain projet... j'ai trouvé 👏🏻👏🏻

[sweetime]

Hello, super vidéo. N'hésites pas à ralentir un peu le rythme pour la suite que l'on puisse profiter un peu de ton expérience et de tes connaissances 😉

[eugenentamack]

Nous y sommes Tonton we are exciting to begin.

[Remy.L]

Hâte de voir la suite, par contre il faudrait y aller + doucement sur les explications, quelqu'un qui n'y connait rien va vite être largué je pense ^^

[azizouichni]

Merci pour la vidéo mais j'aurais aimé que ça soit fait avec Next13 et les React Server Components!

[tobz]

je trouve que mettre une petite musique de fond sur ta video ma donner plus envie de la regarder contrairement au autre video ou on a tendances a s'endormir
super video

[drobatmui]

Superbe vidéo. Dans l installation j ai tailwind qui est proposé et qui s’installe et config automatiquement mais par contre je n ai pas le dossier pages dans src/

[soulslord]

je suis le seul chez qui ça installe pas du tout la même infrastructure de dossiers?

[jacqueschenet]

j'adore ta pédagogie faut rajouter plus d infographie pour comprendre visuellement le code

[benoitbiron]

super video. Question : Il se passe quoi si on installe pas tailwind avec -D ? Le projet aura bien besoin de tailwind en production non ?

[NsHtxZekoo]

Est-ce que le dossier app va être abordé ?

[hamedabdoulatif]

Toutes les demo Next js que j vu sont hyper lente 😮‍💨

[LinuxForLife]

Manque d'explications. Tout est dit au fil de l'eau sans expliquer le pourquoi, donc l'intérêt didactique
est proche de zéro. Oui ça marche, mais on sait pas pourquoi ! Dommage ....
Il faudrait l'enregistrer à nouveau avec les explications !

[nicosreveur-bmdx]

TypeError: fetch failed
at
at
at async getVersionInfo
at async Span.traceAsyncFn
at async HotReloaderWebpack.start
at async startWatcher
at async setupDevBundler
at async Span.traceAsyncFn
at async initialize
at async Server.<anonymous> {
cause: Error: unable to verify the first certificate
at TLSSocket.onConnectSecure (node:_tls_wrap:1674:34)
at TLSSocket.emit (node:events:518:28)
at TLSSocket._finishInit (node:_tls_wrap:1085:8)
at ssl.onhandshakedone (node:_tls_wrap:871:12) {
code:
}
Bonsoir est ce qu'une ame charitable peut me venir en aide