Open Design

2. Install and set up the Open Design SDK

Prepare development environment

First, let’s make sure that your development environment is ready.

  • If you don’t have Node.js installed, install it from here. You’ll need Node.js version 12 or later.
  • You’ll be using your own text editor and terminal app for this tutorial.

In this tutorial, we will be using the Next.js framework. We'll guide you through everything you need to know, but check out their documentation if you're interested in learning more.

Create a Next.js app

  1. Open a terminal, cd into the directory you’d like to create the app in, and run the following command:

  2. This command bootstrapped the Next.js app. Let’s cd into the new open-design-tutorial directory:

Install the Open Design SDK

  1. Run the following command:

  2. Run the development server:

  3. The Next.js development server should be started on port 3000. Open http://localhost:3000 from your browser to see if it's working.

🤖
You can also see the result in the CodeSandbox below if you don't want to start the project locally. When you fork the CodeSandbox project, don't forget to provide API_TOKEN in the Secret Keys section.

Edit 1-Install-and-set-up-the-Open-Design-SDK

Next: Upload a design and get its ID