NextJS 14 - How To Deploy Your App To AWS Amplify or Vercel

preview_player
Показать описание
In this final tutorial series for learning how to program using Next JS 14 App Router, I will show you how to deploy your app to AWS Amplify and Vercel. These are two of the most popular hosting platforms that supports Next JS.

The app I am using in this tutorial is a Todo List that has Next-Auth Authentication and a Supabase Database.

Full Source Codes available on my Patreon:

Please Like and Subscribe so you can see more future tutorial videos.

Time Markers
00:00 - Demo
01:41 - AWS Amplify
12:32 - Vercel
17:27 - Final Thoughts

#nextjs #awsamplify #vercel
  1. Codr Kai
Рекомендации по теме
5 Tips and 0:17:11

5 Tips and Tricks To Make Your Life With Next js 14 Easier

Tutorial Next.js 14 1:42:28

Tutorial Next.js 14 paso a paso, para Principiantes

Next.js 14 Complete 4:55:49

Next.js 14 Complete Course 2024 | Next.js 14 Full Stack App Tutorial for Beginners

Next.js in 100 0:11:52

Next.js in 100 Seconds // Plus Full Beginner's Tutorial

The Most Efficient 2:53:01

The Most Efficient Next.JS 14 Beginner Tutorial (TypeScript, App Router, React Server Components)

Building REST APIs 2:17:33

Building REST APIs with Next.js 14 – Course for Beginners

NEXT.js 14 Full 4:01:14

NEXT.js 14 Full Course | Build and Deploy a Full Stack App w. Firebase & TailwindCSS

Next.js 14 Course 2:01:31

Next.js 14 Course For Beginners With Full Stack Next JS Project 2024

Next.js walkthrough | 1:14:27

Next.js walkthrough | App Routes | Dynamic Routing | API Routes Handlers | Node.js #nextjs

Next.js 14 App 0:01:00

Next.js 14 App Router in 1 minute

Next.js 15 is 0:10:29

Next.js 15 is here! Does it fix Next 14?

Full Stack NextJS 0:09:25

Full Stack NextJS 14 E-Commerce Course 2024 Edition DEEP DIVE

How to add 0:05:37

How to add Google Analytics to your Next.js 14 site with app router

Build Modern Next 0:42:51

Build Modern Next 14 Server Side App with Server Actions, Infinite Scroll & Framer Motion Animat...

Authentication with Next 0:16:16

Authentication with Next Auth and Next.js 14 | Protected routes, Server & Client Sessions

Eu RESUMI o 0:24:10

Eu RESUMI o Next.js 14 para você! (Server Components & Actions)

Next.js 14 Admin 3:31:24

Next.js 14 Admin Dashboard Tutorial | Fullstack Next.js 14 Project with Server Actions

Fastest way to 0:01:00

Fastest way to build apps with Next.js 14 🏄🏼 #nextjs

Master Next JS 2:26:49

Master Next JS 14 Complete Basic to Advance

Build a Dark 0:00:21

Build a Dark Modern Animated Website with Next.js 14, GSAP, Prismic!

Next.js Full Course 13:50:05

Next.js Full Course 2024 | Learn Next.js 14 In One Video | 14 Hours

NEXT.JS 14: Server 1:13:29

NEXT.JS 14: Server Actions, React Server Components, Paginación y MÁS!

Next.js 14 Tutorial 0:05:54

Next.js 14 Tutorial - 14 - Layouts

SEO in Nextjs 0:18:21

SEO in Nextjs 14 Tutorial

Комментарии
Автор

you showing me setting up env variable was very helpful, thanks

khangtrinh
Автор

The env vars in build commands saved my life. Man I would buy you a coffee if I could. Thank you for the problem you solved for me!

gabrielfarias
Автор

Most Valueable Video. Thanks to save my lot of time. I was facing issues in getting environment variable but now everything working fine ❤

forall
Автор

The build settings with environment variables was the missing piece for me. I didn't see documentation for that anywhere. You saved me countless hours (and headaches).

farid
Автор

Commenting to support. Keep up the good work

piyush
Автор

Realy realy helpful, i was kind of pissed off like why its not working om aws amplify, thank you very much for making this vidoe 🙏

utkarshseth
Автор

Is NEXT_PUBLIC_ENV working well on the client side?

putujojo
Автор

Nice video but when i create my own custom api route a POST route amplify throws error 500, please how do i resolve this

thi