Build a Fullstack JAMstack application with Next.js, Airtable, Auth0, and Tailwind CSS. In this series, we are going to walk through building a Fullstack JAMstack application with Next.js from scratch. We’ll use Tailwind CSS for our styling, Airtable for our database, and add Auth0 for authentication.

What You’ll Learn

  • Build Fullstack applications with Next.js
  • Use Tailwind CSS with Next.js
  • Integrate Airtable in NextJS with API Routes/Serverless Functions
  • React Context API in Next.js
  • Authentication and Authorization in Next.js with Auth0
  • Relevant Links

Source Code - https://github.com/jamesqquick/Authenticated-Todo-App-with-NextJS-Airtable-and-Auth0

Fullstack Jamstack with Next.js (1) - Intro and Project Setup

Fullstack Jamstack with Next.js (2) - Setting Up Tailwind CSS in Next.js

Fullstack Jamstack with Next.js (3) - Create a Navbar with Tailwind CSS

Fullstack Jamstack with Next.js (4) - Airtable Setup and Next.js Environment Variables

Fullstack Jamstack with Next.js (5) - Integrate Airtable with Next.js Serverless Functions

Fullstack Jamstack with Next.js (6) - Context API in Next.js to Integrate Airtable Data

Fullstack Jamstack with Next.js (7) - Setup Authentication in Next.js with Auth0

Fullstack Jamstack with Next.js (8) - Create a Form with Tailwind CSS and Next.js

Fullstack Jamstack with Next.js (9) - Protected API Routes in Next.js

Fullstack Jamstack with Next.js (10) - Add Authorization in Next.js API Routes

Fullstack Jamstack with Next.js (11) - Wrap Up And Next Steps

#next #react #tailwindcss #web-development #developer

Building a Fullstack JAMstack Application with Next.js from Scratch
13.20 GEEK