From Design to Development Demo

Demo for the course From Design to Development that takes you from Figma and Storybook to a full stack Next.js app with Applitools testing and Netlify authentication.

Learn how to create your own with From Design to Development Crash Course - Full Stack Next.js Tutorial

Getting started locally

1. Install dependencies

yarn install

2. Set up environment variables

AIRTABLE_BASE_ID="[Your API Key]"
AIRTABLE_API_KEY="[Your API Key]"
NEXT_PUBLIC_API_ENDPOINT="[Your Endpoint or http://localhost:3000]"
NEXT_PUBLIC_AUTH_ENDPOINT="[Your Endpoint]"

3. Start the development server

yarn dev

More tutorials and walkthroughs

• Follow me on Twitter
• Subscribe on YouTube