This is a reference implementation of Webflow DevLink for documentation purposes. It is a Next.js project bootstrapped with create-next-app.

Getting Started

Clone the Webflow Project

In order to use this project, you'll need to clone this Webflow project into your own workspace. https://webflow.com/made-in-webflow/website/devlink-reference

Set up your local environment

In the Designer open the Components menu and click on the "Export components" button to access the DevLink config. Then configure your .webflowrc.js based off the config values.

Replace the API Token with your site's API key (which you can generate in site settings Integrations tab).

Then, install the needed dependencies.

npm install

Sync all the Webflow components into your local filesystem.

npx webflow devlink sync

Last, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.