Why I love AWS Amplify - Deploy Next.js (T3 Stack) in 5 minutes

📘 T3 Stack Tutorial: 1017897100294.gumroad.com/l/j...
limited time 30% off discount code: 9LX2QSM
🤖 SaaS I'm Building: www.icongeneratorai.com/
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody

[@toddribnek6660]

Thanks, good tip about the commercial limitation of vercel.

[@Frankywright.]

Thanks so much. Helped me a lot.

[@javierneri81]

Has Amplify changed a lot within the past year? This definitely looks much simpler than when I last checked. I think the reason many tend towards Vercel is just because there are a lot of videos, and other resources, that show how easy it is to deploy there. Both in terms of DX and friendlier UI. Plus the fact that you don't have to worry so much about scaling. At least, that's how it felt to me. I'm sure many just had very bad experiences with AWS, but there are also several others who just try to gravitate to whichever is the easiest to implement. But this demo has got me interested in trying AWS again. Thank you for this video!

[@WebDevCody]

I'm not sure, I just recently started using it and it seems pretty easy to use. It also seems like they deploy all your stuff to lambdas and cloudfront cdn. so the scaling aspect seems to be in place with amplify. I think when people complain about amplify they usually are complaining about letting amplify manage your authentication (cognito) and database (dynamo). If you compare amplify as a whole against firebase or supabase, idk how well it stands up personally.

[@appstuff6565]

hey cody, thanks for this comment. I am going to use NextJS with Supabase as db . Then from your videos I am planning to deploy it to aws amplify to host it publicly. it's been 4 months since this video, have you tried thereafter around same tech stack? If so, can you guide me to that video or just comment and let me know? Thanks!@@WebDevCody

[@senlee325]

Thank you very helpful

[@eliaspaulinho8435]

i wish i found your video like 5 days ago. but figured it out

[@RexMapz]

Great vid. just wondering if I can use and install flowise in aws amplify. If yes, can you please make a tutorial for that. I will really appreciate it. Thanks and Godspeed.

[@Turbovv]

Hi cody, I have been watching your videos for a long time and I really like them, especially the MEVN stack, if you could make one more video where you build the chat app, very basic.

[@1998goodboy]

This would be really good if and when you scale up and it come to the point where you need to add other services with a k8s or lambdas cluster

[@SiKSC2]

Could you maybe make a video on how you set up your AWS account or how to set up an AWS account for personal side projects (multiple projects, maybe staging and prod envs) to keep it secure and project resources separate? Coming from Azure and reading about that topic, there are many different approaches it seems, e.g. AWS organizations, AWS control tower, everything in a single AWS account. That would be nice :)

[@WebDevCody]

For anything personal I just use a single aws account. At work we have a separate aws account for production, and another aws account that contains all the lower tier environments like dev stg test

[@eugeniosp3]

Cody, thanks for this video. Before the routing change in Nextjs, setting up authentication via Amplify was a few step process. Super simple. Now, not so much. Would you be able to help with this? I spent a bit of time researching but the documentation was outdated/based on the previous router using pages directory. Thanks!

[@moinulislammoin]

Yap. it's very easy to use now, have been using it for a while

[@jealousgx4463]

@webdevcody, can you make a video on creating lambda functions with SST or using AWS SDK in T3 stack?

[@bradenborman4396]

I used to deploy my apps on heroku, but this is a great alternative it looks like with them removing their tier

[@user-ck8qj7tm5d]

Hi I got this error when I browsing , any solution for this? Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './server.edge' is not defined by "exports" in /var/task/node_modules/react-dom/package.json

[@brianfarley2723]

Sick Bruski.

[@jonathanpoisson1761]

How do you feel about using the other pieces of the amplify stack nowadays? (Lambda, Appsync, graphql, dynamo). Or do you normally just like using amplify for the ease of deployment and domain/ssl setup?

[@WebDevCody]

I've only used it to deploy my next application, so I'm not sure about the other features to be honest. Usually I use terraform to spin up and manage whatever other aws resources I might need. We use dynamodb at work which is good but has it's own issues to think about. I've never used graphql, so I can't speak on that.

[@thelatelateshowwithmaaz6260]

Hello Cody My name is Maaz, My question is If my next js app takes 30 sec to load api because api is slow do aws amplify will wait 30 seconds and show my Page or it will just crash and give 404 not found error ??? Because in netlify their free tier doesn't support 10 seconds of load time thats why iam switching to aws Amplify Hope that you will reply back

[@harsh_pathak27]

i used Hostinger for purchasing my Domain Name and Hosted that domain name on Router 53 and changed DNS severs on Hostinger's Default to Router 53 given. after that my domain name is gettiing status Available but getting "DNS address could not be found. Diagnosing the problem." error when openned website. what can i do now?

[@fatihece3359]

Appreciate your all efforts making things easy for us Cody; last version of nextjs13 app deployed with amplify showing html chunks on the browser if left for a period of time or restart the chrome. anyone face with this problem ?

[@WebDevCody]

Explain more what you mean by chunks

[@fatihece3359]

@@WebDevCody many thanks for fast reply. Chunks seem like that 1:HL["/_next/static/media/7777133e901cd5ed-s.p.woff2",{"as":"font","type":"font/woff2"}] 2:HL["/_next/static/media/916d3686010a8de2-s.p.woff2",{"as":"font","type":"font/woff2"}] 3:HL["/_next/static/media/9a881e2ac07d406b-s.p.woff2",

[@TstormGG]

Hey Cody nice video, learned something new, just one question. Are you saying if we use Amplify, and we have a domain bought from goDaddy for example, we can have https for free if we do this configuration on Amplify you showed in video and that's it? :)

[@WebDevCody]

yeah the https would be free, you just need to verify that you can add cname records in godaddy on your dns settings

[@TstormGG]

@@WebDevCody Thanks Cody will verify that.

[@engelshentenawy]

can you deploy to amplify using sst ?

[@codypanda]

Is it working with the T3 stack?? The last time I tried (1/2 months ago), I ran into some issues. I'll try again, thanks! I also use Amplify to deploy my personal projects. However, it's still a no-go when it comes to deploying resources (Lambda, DynamoDB, etc.), mainly because it's so much faster with Terraform.

[@WebDevCody]

honestly if I wasn't lazy I'd just use SST to deploy my next app to AWS, but clicking through amplify is easier. If you need to setup infrastructure, then yeah terraform or cdk would be the go to solution, but it obviously requires extra time to learn and fight with.

[@corygrewohl8180]

I know you mentioned you haven't used Netlify before. I've used it for a ton of personal projects and it's been great for me. Would love to hear your opinion on it if you try it out sometime!

[@WebDevCody]

Yeah I’ll check it out

[@corygrewohl8180]

@@WebDevCody awesome!

[@maddsua]

@@WebDevCody I'm using Netlify since 2020, and the experience is amazing so far

[@danielcruz9583]

Awesome video Cody, I'm giving a try to Amplify as well and it's working well so far. By the way, what VSCode theme are you using? Super cool, I think I never saw this one.

[@midlandscoder]

My app is deployed, but I get [next-auth][error][CLIENT_FETCH_ERROR] , I dont get this in vercel

[@cambabyfacecam]

Big fan of your videos man, is it possible for you to make more AWS content? Either with T3 or SST, but a full stack app with lambda, s3, api gateway, dynamo db or rds? Also, could you do a create-t3-turbo project? Possibly just to show a mobile app for your icon project. I’d even pay for it.

[@WebDevCody]

yeah let me look into SST a bit and I can plan for a full stack app that uses everything in AWS

[@cambabyfacecam]

@@WebDevCody alright cool, I’ll be on the lookout for it man. Keep up the good work bro, you’re doing a lot of real world examples and I appreciate them.

[@TheZhouh12]

I used SST in my previous project, and it provided a great development experience compared to the Serverless Framework. This is because SST allowed me to debug Lambda functions locally. Of course, SST is vendor-locked to AWS, but I did not see this as an issue for my previous project since I needed to choose a cloud provider anyway. My next proof of concept will be focused on making tRPC work with SST.

[@issahab2823]

Hello, would you consider making a video about playing around with firebase and checking it out? It is a super convenient way to build full stack apps for beginners since it handles authentication and database from the frontend, no need to build an api. I am currently working on a project with firebase, I want to see if it is a good approach to build my apps from your opinion.

[@WebDevCody]

Maybe, i haven’t really used firebase much, but some people seem to like it

[@ooogabooga5111]

The problem is that Ampliy does not support api routes, app directory, on demand ISR and other needy features.

[@user-cb4cb4so5m]

How does AWS Amplify the server-side code in a Next.js app? Is it just a bunch of Lambdas happening in the backend?

[@WebDevCody]

They use lambda, and I’d bet they deploy your entire api to a single mono lambda.

[@anonymoussloth6687]

I am having trouble with environment variables. I have a .env file with my access keys but I am not able to pass it to AWS in my app. If I console log process.env.ACCESS_KEY I get the key output but if I pass this in the AWS config.update(), I get missing credentials

[@senlee325]

I am having the same problem. Have you figured out how to fix it?

[@crofoh]

Do you know if it's possible to deploy turborepo apps to amplify?

[@WebDevCody]

I'm not sure I have not tried

[@mrkanata7696]

nice

[@quickwebstore]

Hi Dev, thank for your video help me to deploy single next app. But when I try deploy Next app in Nx monorepo, I got 404 not found. Can you try it ?

[@WebDevCody]

Did you specific the directory for where your next app lives?

[@quickwebstore]

@@WebDevCody yes, I have set up baseDirectory and appRoot, build process is successful, but when I direct to url, i got 404 error

[@quickwebstore]

​@@WebDevCody In my monorepo, I have 2 app, React app and Next app. I deployed React app successfully, but Next app dont

[@SeibertSwirl]

Good job babe ❤ I love you

[@WebDevCody]

thanks babe love you!

[@NotADevOps]

is this a Better Alternative using ec2 t3.medium server ?? for prod

[@segunmoses412]

Ec2 will cost you quite a lot of money

[@lookingforbino]

Great demo! Can we deploy MERN stack onto AWS Amplify? If not, MERN stack to lambda?

[@WebDevCody]

Maybe, I don’t do mern stuff these days

[@user-rf7ih2pt8e]

Did any data base like mongo or any data base work withe you ?

[@WebDevCody]

Not sure I understand your question

[@user-rf7ih2pt8e]

@@WebDevCody im trying to connect with mongodb but its not working with aws amplify did it work with you ?

[@kkomax7]

PLS do a T3 simple app and deploy it with a DB and everything. just to see the entire workflow.

[@samirmishra9946]

Are there any bandwith limits to using AWS Amplify? Like there are 100 Gb bandwidth limit for sites deployed on Netlify and Vercel

[@WebDevCody]

I don’t think there are limits but they probably charge you by the gb or Tb of bandwidth usage.

[@ConAim]

Good template for tRPC...

[@YOitsBA]

You just sold me on amplify

[@ToddDunning]

Am I like the only person using Netlify for Next?

[@WebDevCody]

I need to try netlify out. Do you know if it deploys next with a cdn in front?

[@ToddDunning]

@@WebDevCody lol this is why I subscribe to you - to find out what the hell I’m doing. You’ll give us a terrific walk through of a Netlify CDN if one exists

[@WebDevCody]

@@ToddDunning haha we’ll be on the look out if I ever make a video about netlify. Half the time idk what the hell im doing but my video editing skills make it seem like I do 😂

[@ooogabooga5111]

I would say ampliy is nice if you application is simple to the core.

[@lilililliilil]

I just wonder why not Vercel? 🤔

[@WebDevCody]

Hobby license doesn’t allow you to host a product that makes money, and why pay 20 a month when I could pay 0 a month

[@lilililliilil]

@@WebDevCody Fair enough!

[@michaels_offshore4504]

Im getting an internal server error. Anyone else?

[@danibachini2138]

me too. Did you find the solution?

[@kklowd]

Are you not getting charged because you get 1 year free perhaps?

[@WebDevCody]

Could be it, I also don’t get much traffic

[@joelamoako6778]

for a large project it gets expensive

[@WebDevCody]

Where do the costs start at add up? And how does it compare to other hosting companies?

[@joelamoako6778]

@@WebDevCody After conducting a cost analysis, I came to the realization that if your project's requirements expand, you'll need to use additional services from AWS. This could lead to an exponential increase in costs, which could potentially be higher (in terms of both cost and performance) than deploying a VPS in the traditional way and optimizing it manually.

[@joelamoako6778]

For instance, in order to ensure optimal performance for the backend (API and database), it's necessary to have them on the same network. This would require using services like DynamoDB or RDS, with the latter being the more common choice for large-scale applications. However, using RDS can be quite expensive, which is a factor to consider.

[@WebDevCody]

@@joelamoako6778 yeah I can agree with everything you say. Usually aws charges you for traffic going in and out of aws, so if your db isn’t inside aws you’ll get extra charges. I think switching from amplify to somewhere else wouldn’t be too hard to do when that cost barrier comes

[@user-cm7ld5rp7h]

ハッカーランサムウェア使ってますずうっといたずらしてますたすけてください

[@FranzAllanSee]

This didnt age well 🥲😅

[@WebDevCody]

Haha 😂 I still like them as a service, no lie. Just a single issue is causing me to switch until it gets fixed

[@FranzAllanSee]

@@WebDevCody loved your follow-up video btw! 😁 Who would have taught google analytics can mess up the caching 😅💀

[@anonymoussloth6687]

Wait, why?

[@SonAyoD]

Can you deploy a monorepo configured with turbo repo in the same way?

[@WebDevCody]

I’ve never used turbo repo, but you can specify a directory and amplify will only deploy that sub directory

[@SonAyoD]

@@WebDevCody makes a lot of sense, thanks.

[@oopss794]

hi there ! how to change memory size and timeout configuration?

[@WebDevCody]

I don't think there is a way.

[@oopss794]

i asked chatgpt-3 but the answer is outdated