Skip to Content

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.

Prerequisites#

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-starter
cd 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

This installs all the dependencies of the WunderGraph SDK and starts the WunderGraph Code-Generator to generate the WunderGraph Client.

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.