This video shows how simple it is to implement AMP with NextJS, including a Pure AMP site and also a Hybrid AMP site. 

00:00 - Introduction 
00:36 - What is AMP?
02:23 - Creating an AMP site.
05:02 - Creating a Hybrid site.
07:53 - Outro

--- 
Need 1:1 mentoring? 
Want to Donate?
Want to do business?
https://snugg.me/snuggery/?id=AGZ8lAig7uf1zXobyhw0jfuXA6Q2 
--
Follow me on:
📃 Website/Blog: https://jamesperkins.io
👉 Twitter: https://twitter.com/james_r_perkins
👉 Github: https://github.com/perkinsjr

Using AMP with NextJS

Learn to incorporate authentication and real data into a Next.js app!

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

In this video we'll se NextAuth.js to easily add authentication to our Next.js application. We cover the GitHub provider, starting out without a database using JWT only, and later integrating Prisma 2 to store our users and their sessions in a database.

---------- Links

NextAuth.js - https://next-auth.js.org/
Source Code - https://github.com/leighhalliday/next-auth-demo
JWT - https://jwt.io/
Prisma - https://www.prisma.io/

---------- Sponsor

Special thanks to KwesForms for partnering with me on this video! The most revolutionary form service for web agencies. Head on over to https://kwes.io and for a limited time use the code LEIGH50 to receive a 50% discount on any annual plan for one year.

---------- Connect

Join this channel - https://www.youtube.com/channel/UCWPY8W-FAZ2HdDiJp2RC_sQ/join
Join me on Discord - https://discord.gg/wcSNwfu

---------- Timeline

00:00 - Introduction
00:48 - KwesForms
01:38 - Overview of Next.js App
03:25 - Adding GitHub Provider
10:15 - Inspecting Auth/JWT Cookies
11:40 - Frontend Auth Integration
19:25 - Prisma Auth Integration
27:00 - Review

Adding Authentication to Next.js (GitHub Connect, JWT + Prisma 2 Integration)

In this video we will build a simple server-side rendered blog with Next.js and the Ghost CMS for the backend.

Codedamn YouTube Channel:
https://www.youtube.com/channel/UCJUmE61LxhbhudzUugHL2wQ

Codedamn Platform:
https://codedamn.com

Code:
https://github.com/mehulmpt/ghost-cms-nextjs

TimeStamps:
00:00 Introduction and overview
00:46 Project Intro
02:48 Setting up Next.js
07:57 Setting up Ghost CMS
13:33 Content API Overview
16:02 Fetching Post Titles
25:35 Linking Posts
29:35 Single Post Route
45:21 Adding Comments
55:21 Revalidating Blog Posts
57:14 Deploying on Vercel

Build a Blog With Next.js & Ghost

The hottest new framework in the JAMstack! Blitz.js is the Fullstack React Framework you need to consider when looking at the JAMstack. It has a Ruby on Rails feel so it keeps you from writing a ton of boilerplate code.  

_____________________________________________

Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
https://www.jamesqquick.com
_____________________________________________

Connect with me 😀
Live streams on Twitch - https://twitch.tv/jamesqquick
Follow me on Twitter - https://www.twitter.com/jamesqquick
Join the 💬 Discord Server 💬 - https://discord.gg/vM2bagU
_____________________________________________

COURSES  💻
Learn how to build Fullstack apps with React and Serverless Functions - https://www.jamesqquick.com/courses/react-and-serverless-fullstack-developmnent
Learn everything you need to know about Visual Studio Code - https://www.udemy.com/learn-visual-studio-code/
Build a Quiz App  - https://www.udemy.com/build-a-quiz-app-with-html-css-and-javascript/

Blitz.js, - The Fullstack React Framework For the JAMstack

In this video you'll learn how to implement authentication in a Nextjs app using AWS Amplify and Amazon Cognito. We will cover everything from SSR authentication, SSR redirects, protected routes, client-side redirects, and authenticating a request in an API route.

The tutorial that goes along with this video is located here: https://dev.to/dabit3/the-complete-guide-to-next-js-authentication-2aco

The code for this video is located here: https://github.com/dabit3/next.js-authentication-aws

The Complete Guide to Next.js Authentication with AWS

In this video, I cover what _app.js is, what it is used for and what a complex implementation looks like. 

Buy my course: https://gumroad.com/jamesperkins#xltURi
Join the Discord: https://discord.gg/gSE4Fhf

00:00 - Introduction
00:30 - What _app.js is
01:00 - What you can do with _app.js
02:10 - An example of what _app.js looks like.
08:33 - Outro

Follow me on:
📃 Website/Blog: https://jamesperkins.io
👉 Twitter: https://twitter.com/james_r_perkins
👉 Linkedin: https://www.linkedin.com/in/james-perkins-268992a4
👉 Github: https://github.com/perkinsjr

What is _app.js and what is it used for?

Learn how to create a Next.js app and deploy it to Vercel. We'll walk through creating a new Next.js app using a Next.js Starter, connecting it to Git provider GitHub, then using Vercel to import the project and deploy it to the web.

This is a preview of my ebook Jamstack Handbook. Check out my book to learn everything you need to know about the Jamstack including 3 step-by-step tutorials!

https://jamstackhandbook.com/

🗒️ Original Post
https://www.freecodecamp.org/news/how-to-build-a-jamstack-site-with-next-js-and-vercel-jamstack-handbook/

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1

🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🧰 More Resources

Jamstack Handbook
https://jamstackhandbook.com/

Next.js
https://nextjs.org/

Vercel
https://vercel.com/

Next.js Sass Starter
https://github.com/colbyfayock/next-sass-starter

🎼 Music
Benji by Dyalla
YouTube Audio Library

How to Create a Next.js App and Deploy it to Vercel

Learn how to easily integrate MongoDB into your Next.js application with the official MongoDB package.

How to Integrate MongoDB Into Your Next.js App

Hey all! You can check out all the code I wrote on my trip (and that is now live on samselikoff.com) here: https://github.com/samselikoff/samselikoff.com/pull/4