Webflow Cloud

Getting Started

Deploy your first project to Webflow Cloud using Next.js or Astro.

In this guide, you’ll learn how to create projects and environments, deploy your app to your Webflow site, and integrate your Webflow design system with your app.

Time Estimate: 30 minutes

Prerequisites:

  • A Webflow account
  • A GitHub account
  • Node.js 20.0.0 or higher and npm installed

Getting started

1. Install the Webflow CLI

In your terminal, run the following command to use the CLI globally:

$npm install -g @webflow/webflow-cli

You can run the command webflow --version to verify that the CLI tool installed successfully.

2. Create a new Webflow site

Create a new Webflow site by cloning the Astral Fund template. This site is pre-configured with styles, variables, and components optimized for Webflow Cloud and DevLink.

1

Open the Astral Fund template

View the AstralFund template in “Made in Webflow”

2

Clone the template

Click the “Clone in Webflow” button, then in the next window click “Create site.”

3

Add site details

Give your site a name and determine who should have access to your site. Once you’ve created your site, it will open in Webflow.

4

Review styles, components, and variables

Optionally, review the styles, variables, and components included in the site. You will export these to your new app in the following steps.

Webflow site

3. Create a new app

Use the Webflow CLI to create a new Astro or Next.js application. The CLI will generate a project scaffold that’s synced with your Webflow site’s design system through DevLink.