Difference between revisions of "VT2020-Website-Rendering-Types-Demo"
Jump to navigation
Jump to search
Line 24: | Line 24: | ||
Cela lance votre application sur le port 3000. <br> |
Cela lance votre application sur le port 3000. <br> |
||
Allez voir si ça a fonctionné sur votre navigateur : http://localhost:3000 |
Allez voir si ça a fonctionné sur votre navigateur : http://localhost:3000 |
||
+ | <br> |
||
− | |||
Vous devriez avoir une page d'acceuil comme celle-ci : |
Vous devriez avoir une page d'acceuil comme celle-ci : |
||
[[File:Welcome-to-nextjs.png|left|200px|thumb]] |
[[File:Welcome-to-nextjs.png|left|200px|thumb]] |
||
− | <br><br><br><br><br> |
+ | <br><br><br><br><br><br> |
= Source = |
= Source = |
Revision as of 14:26, 18 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 :