webflow-examples / devlink-job-board Goto Github PK

This is a Next.js project bootstrapped with create-next-app and developed using Webflow and DevLink.

You can clone the Webflow project used with this Next JS project at:

https://webflow.com/made-in-webflow/website/job-board-dl

Make a copy, and then download this repo and connect the two using DevLink.

Here's a Loom video to walk you through the process:

https://www.loom.com/share/ea21f62201df4e60a1f92524a28f810e

You can also view our DevLink documentation to learn more about all the options, features, and supported elements.

To get started, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to view the site.

We created a light weight backend to serve up the content from Airtable. In order for this to work, you'll need to get a copy of the Airtable, generate a personal access token in Airtable (I used the scopes data.records:read and schema.records.read) and then in the root of your project create a .env file locally with the lines:

JOBS_KEY=YOURPERSONALACCESSTOKENHERE
AIRTABLE_BASE_ID=YOURPERSONALAIRTABLEBASID
WF_SITE_ID=YOURPERSONALWEBFLOWSITEID
WF_SITE_TOKEN=YOURPERSONALWEBFLOWSITETOKEN

Here you can add:

• Your Airtable API key
• The ID of your Airtable base
• Your Webflow API key
• Your Webflow Site ID

Once you've added these to your .env file, this project should function as expected.