Difference between revisions of "VT2020-Website-Rendering-Types-Demo"

From air
Jump to navigation Jump to search
 
Line 30: Line 30:
   
 
Maintenant essayons d'éditer cette page.
 
Maintenant essayons d'éditer cette page.
<br>
+
<br><br>
 
Assurez-vous que la commande 'npm run dev' est toujours en marche.
 
Assurez-vous que la commande 'npm run dev' est toujours en marche.
 
<br>
 
<br>

Latest revision as of 09:35, 19 January 2021

Créer une application Next.js

Ouvrez votre terminal et accédez au répertoire dans lequel vous souhaitez créer l'application.


Pour créer une application Next.js, exécutez la commande suivante :

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"

Cette commande utilise l'outil appelé create-next-app, qui amorce une application Next.js pour vous. Vous avez maintenant un nouveau répertoire appelé nextjs-blog.


Plaçons nous à l'interieur de ce répertoire :

cd nextjs-blog


Ensuite, démarrez le serveur de développement de votre application Next.js

npm run dev

Cela lance votre application sur le port 3000.
Allez voir si ça a fonctionné sur votre navigateur : http://localhost:3000

Vous devriez avoir une page d'acceuil comme celle-ci :

Welcome-to-nextjs.png









Maintenant essayons d'éditer cette page.

Assurez-vous que la commande 'npm run dev' est toujours en marche.
Ouvrez le fichier pages/index.js avec votre editeur de texte préféré.
Vous pouvez desormais éditer cette page ou même créer d'autres pages.

Source

https://nextjs.org/learn/basics/create-nextjs-app