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.


Product

Subscribe to our newsletter!

Stay informed when great things happen! Get the latest news about APIs, GraphQL and more straight into your mailbox.

© 2021 WunderGraph