Build an Authenticated Jamstack App with Next.js, Airtable, Tailwind CSS, and Auth0

Overview

Learn to build a fullstack JAMstack application with Next.js, integrating Tailwind CSS for styling, Airtable as a database, and Auth0 for authentication. Explore the process of creating a project from scratch, setting up Tailwind CSS in Next.js, and designing a navbar. Dive into Airtable JavaScript setup, manage environment variables, and integrate Airtable with Next.js serverless functions. Master the React Context API in Next.js for efficient data management. Implement authentication using Auth0, create forms with Tailwind CSS, and secure API routes. Gain hands-on experience in building protected and authorized API routes, culminating in a comprehensive understanding of fullstack JAMstack development with Next.js.

Syllabus

Course Intro and Project Setup with Create Next App - Fullstack Jamstack with Next.js (1).
Setting Up Tailwind CSS in Next.js - Fullstack Jamstack with Next.js (2).
Create a Navbar with Tailwind CSS - Fullstack Jamstack with Next.js (3).
Airtable JavaScript Setup and Next.js Environment Variables - Fullstack Jamstack with Next.js (4).
Integrate Airtable with Next.js Serverless Functions - Fullstack Jamstack with Next.js (5).
React Context API in Next.js to Integrate Airtable Data - Fullstack Jamstack with Next.js (6).
Setup Authentication in Next.js with Auth0 - Fullstack Jamstack with Next.js (7).
Create a Form with Tailwind CSS and Next.js - Fullstack Jamstack with Next.js (8).
Protected API Routes in Next.js with Auth0 - Fullstack Jamstack with Next.js (9).
Add Authorization in Next.js API Routes with Auth0 - Fullstack Jamstack with Next.js (10).
Next.js Mini Course Wrap Up And Next Steps - Fullstack Jamstack with Next.js (11).