YoVDO

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

Offered By: Auth0 via YouTube

Tags

Next.js Courses Web Development Courses Tailwind Courses Auth0 Courses Airtable Courses Jamstack Courses

Course Description

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).


Taught by

Auth0

Related Courses

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru