Het Opzetten van het Next.js-Project
Een nieuw project starten
Om een nieuw project met Next.js te starten, navigeer naar de map waarin je het project wilt opslaan en voer het volgende commando uit in je terminal:
Dit commando installeert een Next.js-applicatie met behulp van create-next-app, een Command Line Interface (CLI) tool. Door de --example vlag samen met het templatesjabloon voor deze cursus te gebruiken, krijg je toegang tot een vooraf opgebouwd sjabloon dat als basis voor je project kan dienen.
De ontwikkelserver starten
Om de app lokaal te bekijken, start je de ontwikkelserver met het onderstaande commando:
Je kunt de startpagina bekijken door de volgende URL te openen http://localhost:3000/ in je browser. Het zou er als volgt uit moeten zien:
In het volgende hoofdstuk gaan we dieper in op de structuur van projectmappen.
In de praktijk
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
What should I do if I get an error when running the commands?
Can I use a different folder name for my project?
How do I stop the development server once it's running?
Awesome!
Completion rate improved to 2.08Het Opzetten van het Next.js-Project
Veeg om het menu te tonen
Een nieuw project starten
Om een nieuw project met Next.js te starten, navigeer naar de map waarin je het project wilt opslaan en voer het volgende commando uit in je terminal:
Dit commando installeert een Next.js-applicatie met behulp van create-next-app, een Command Line Interface (CLI) tool. Door de --example vlag samen met het templatesjabloon voor deze cursus te gebruiken, krijg je toegang tot een vooraf opgebouwd sjabloon dat als basis voor je project kan dienen.
De ontwikkelserver starten
Om de app lokaal te bekijken, start je de ontwikkelserver met het onderstaande commando:
Je kunt de startpagina bekijken door de volgende URL te openen http://localhost:3000/ in je browser. Het zou er als volgt uit moeten zien:
In het volgende hoofdstuk gaan we dieper in op de structuur van projectmappen.
In de praktijk
Bedankt voor je feedback!
