Your first WunderGraph Application - Project Setup
The first step to start build a WunderGraph application is to initialize a new project using one of our templates.
To be able to do so, make sure you have wunderctl, our command line interface, installed.
You can follow this guide to install it.
Initialize the project#
Open a terminal and change to your projects root. Create an empty directory.
mkdir wundergraph-nextjs-startercd wundergraph-nextjs-starter
Now, let's start a new project using our NextJS template.
wunderctl init --template nextjs-starter
Finally, we'd like to install all the dependencies and start the dev environment.
yarn && yarn dev
or using npm
npm i && npm run dev
Additionally, this command starts a local WunderNode in dev mode so that you're able to develop locally.
Now, open up the Application in your browser (http://localhost:3000) and have a look at the examples.
If you're interested in some of the details, have a look into the Developer Tools / Network Tab to better understand what's happening.
Once you're done exploring, we're ready to move on with the next chapter.