Complete TUTORIAL on deploying Next.js to AWS Lambda with SST, Neon Postgres, Drizzle ORM, and more!

Подписаться 348 тыс.

Просмотров 34 тыс.

50% 1

⭐️ Sign up for Neon right now! neon.tech/cfe
Full tutorial on deploying Next.js to AWS Lambda with SST, Neon Postgres, Drizzle ORM, and more!
Deploy a FULL Next.js Web App Project complete with:
✅ React.js frontend and server-side rendering ➡️ Next.js is a React.js framework that handles front-end and backend
✅ Hello World Deployment on Vercel ➡️ modern and easy deployments direct from GitHub/Bitbucket
✅ Neon is hyper-fast Serverless PostgreSQL Database that is designed for Serverless.
✅ Continuous Deployment to AWS Lambda ➡️ a fast serverless hosting service by Amazon Web Services.
✅ Edge functions for speed/performance ➡️ Server-side components that are fast and serverless!
✅ Drizzle ORM for handling SQL with JavaScript ➡️ Schema design, migrations, and more
✅ SST automates our deployments to AWS ➡️ with stages, secrets, and more with only a few lines of code!
✅ Use AWS Parameter Store to create and retrieve secrets and environment variables locally or in production!
✅ Learn ZOD and Drizzle-Zod to validate incoming data!
✅ GitHub Actions to build, release, and deploy our applications on Git pushes!
💽 Code: github.com/codingforentrepren...
🕹️Gists: gists.github.com/codingforent...
🕹️Shorts: www.youtube.com/@CodingEntrep...
🕹️Shorts with Code: cfe.sh/shorts
Tutorial created in collaboration with neon.tech. Sign up now for modern cutting-edge serverless PostgresSQL. Pay only for what you use baby!
🚀 Enroll. Learn to code. Launch your project: cfe.sh/enroll 🚀
0:00:00 Welcome
00:01:52 Demo
00:04:45 Code Reference
00:05:50 Install Requirements
00:10:25 Sign Up for Services
00:11:51 Create Next.js App
00:17:50 GitHub Repo and your first push
00:27:02 Hello World Deployment on Vercel
00:34:30 Initialize SST on Next.js APP
00:36:37 AWS IAM User for SST
00:43:33 AWS IAM Policy and User Group for SST
00:52:49 Hello World with SST
00:56:51 SST Deploy and Remove
01:01:31 Secrets with SST and Nextjs
01:08:59 API Route for Using SST Secrets
01:15:16 Configure our Neon Database
01:21:06 The Neon Serverless Client
01:27:07 Database Table Schema with DrizzleORM
01:34:18 Generate Database Migrations with DrizzleKit
01:40:09 Running Migrations with Serverless
01:44:16 Get Secrets from AWS Parameter Store
01:54:06 Run Database Migrations with Drizzle
02:04:18 Create Function to Insert Database Data
02:12:08 Form to Collect Emails
02:19:53 API Endpoint to Handle Emails
02:32:46 Valid Data with Validatorjs
02:35:36 Zod + Drizzle-Zod to Validate Form Data
02:45:55 Getting Started with Github Actions and Pnpm
02:54:16 Deploy to AWS with GitHub Actions & SST
03:06:26 Build Cache with GitHub Actions
03:12:33 Automated Staging with GitHub Actions
03:21:15 GitHub Actions Workflow for Automated Pull Requests
03:33:42 Workflow Trigger from Approved Pull Request
03:38:39 Improved Visuals with Tailwind and Flowbite
03:46:23 Images and Final Improvements
04:00:29 Thank you and next steps

Опубликовано:

1 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@CodingEntrepreneurs 5 месяцев назад

Thanks for watching! A few resources... Code: github.com/codingforentrepreneurs/deploy-nextjs-neon-sst-aws-tutorial Neon: bit.ly/neon_justin1 Chapters 0:00:00 Welcome 00:01:52 Demo 00:04:45 Code Reference 00:05:50 Install Requirements 00:10:25 Sign Up for Services 00:11:51 Create Next.js App 00:17:50 GitHub Repo and your first push 00:27:02 Hello World Deployment on Vercel 00:34:30 Initialize SST on Next.js APP 00:36:37 AWS IAM User for SST 00:43:33 AWS IAM Policy and User Group for SST 00:52:49 Hello World with SST 00:56:51 SST Deploy and Remove 01:01:31 Secrets with SST and Nextjs 01:08:59 API Route for Using SST Secrets 01:15:16 Configure our Neon Database 01:21:06 The Neon Serverless Client 01:27:07 Database Table Schema with DrizzleORM 01:34:18 Generate Database Migrations with DrizzleKit 01:40:09 Running Migrations with Serverless 01:44:16 Get Secrets from AWS Parameter Store 01:54:06 Run Database Migrations with Drizzle 02:04:18 Create Function to Insert Database Data 02:12:08 Form to Collect Emails 02:19:53 API Endpoint to Handle Emails 02:32:46 Valid Data with Validatorjs 02:35:36 Zod + Drizzle-Zod to Validate Form Data 02:45:55 Getting Started with Github Actions and Pnpm 02:54:16 Deploy to AWS with GitHub Actions & SST 03:06:26 Build Cache with GitHub Actions 03:12:33 Automated Staging with GitHub Actions 03:21:15 GitHub Actions Workflow for Automated Pull Requests 03:33:42 Workflow Trigger from Approved Pull Request 03:38:39 Improved Visuals with Tailwind and Flowbite 03:46:23 Images and Final Improvements 04:00:29 Thank you and next steps

@VincentFulco Месяц назад

Terrific example with all the components I use. Learned a few new things about SST deploy for sure.

@CodingEntrepreneurs Месяц назад

Thank you!

@laysskheir394 5 месяцев назад

Next.js with Django please ,with docker will be amazing

@tomahocbc963 5 месяцев назад

thanks for sharing this it will much better if we can use it with django as backend

@yoJuicy 5 месяцев назад

you dont need django with this stack. you can write all your logic in next and use server components

@CodingEntrepreneurs 5 месяцев назад

Who else wants Next.js with Django?

@CodingEntrepreneurs 5 месяцев назад

Agreed but interesting process nonetheless. Django also has a lot of built-in features lots of people love (myself included)

@John4STEM 4 месяца назад

I am really interested in deploying Django and Next JS 14 on AWS.

@sumitwadhwa8823 4 месяца назад

hi. did you use v2 of sst or the Ion one they launched in january?

@AmalGunatilake 19 дней назад

@codingEntrepreneurs: Amazing tutorial! Watch the whole thing and tried it out. Works like a charm. Can you also tell us how to integrate NextAuth with SST Config?

@TheAremoh 4 месяца назад

Great video. Waiting for a FastAPI Kafka tutorial. 🎉

@pez5491 3 месяца назад

But it will work only with that neon and grizzly, nothing else so what's the point?

@codernerd7076 5 месяцев назад

Wonder how much money you save doing it this way!? No vercel 😅

@CodingEntrepreneurs 5 месяцев назад

we use both. pick and choose as you see fit. Deploying to vercel is pretty simple

@codernerd7076 5 месяцев назад

@CodingEntrepreneurs it's the cost I do not want to exchange simply for money if the other option is cheaper

@VinayakGNair 4 месяца назад

Please update your courses in udemy

@CodingEntrepreneurs 4 месяца назад

What are your top 3 picks?

@VinayakGNair 4 месяца назад

@@CodingEntrepreneurs django, django rest and react

@user-vl8uc8wh4m 4 месяца назад

zainullah❤❤❤❤4

@peziom-rn7sv 3 месяца назад

you skip some key steps

@CodingEntrepreneurs 3 месяца назад

Such as?

@ordinarygg 5 месяцев назад

Wow 4 hours to build a CRUD, humans make a progress.

@xvzf115 5 месяцев назад

Lmao this

@codernerd7076 5 месяцев назад

It's focus on deployment

@CodingEntrepreneurs 5 месяцев назад

Challenge - make a better one. Better tutorials benefit us all.

@ordinarygg 5 месяцев назад

@@CodingEntrepreneurs Creating a crud with all dependencies, auto-generated migrations that are applied and auto-formated and auto-commited in one transaction by 1 API call. Next API call you have fully operational, permission-based ORM using this API and auto-generated docs. In less than 10 seconds.

@ordinarygg 5 месяцев назад

@@CodingEntrepreneurs A, and all of this in your repo so it's like your frontend dev or product committed code. Because API call actually generates code. If you interested could give you a beta access just to play around in a couple of weeks.