Save Your Time - I deployed Next.js to different services (so you don't have to)

btw, when I say prod logs, I mean I should be able to go back months in the past and view logs. If a service is $20 a month and they require me to sign up for yet another service to get real log support or be able to use complex queries to find logs in the past containing certain strings, it's a no-go for me personally.
- vercel - best UX, but no built-in prod logs, good metrics ui, pricy, first class next support
- amplify - good ux IMO, lowest latency for me, built-in prod logs via cloudwatch, cache issue as mentioned in prior video, hard to figure out how long endpoints took, parsing endpoint metrics is a joke
- sst - cheapest option, serverless, might require learning IaC, performance similar to vercel? open source so might be slow to adopt new next features, lots of DIY
- digital ocean - seems fastest??, but probably no edge computing, cheap, might get the job done, containerized next =(
- netlify - seems good, beta edge functions, price same as vercel, might as well use vercel
- railway - won't let me use them 🤣 but I do love their service when I used it a while back, but containerized next =(
- render - sucks, didn't work for me
00:00 intro
00:56 AWS Amplify
02:56 sst.dev on AWS
05:22 vercel
08:13 netlify
11:10 digital ocean
13:13 render
13:44 railway
14:46 final thoughts
📘 T3 Stack Tutorial: 1017897100294.gumroad.com/l/j...
🤖 SaaS I'm Building: www.icongeneratorai.com/
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody

[@michaels_offshore4504]

Just found your channel like yesterday. Your videos are hella informative and entertaining. Keep up the good work!!

[@Xbardo]

This is low-key the best webdev youtube channel. Nice video btw! 🎉

[@maddsua]

Vercel does not own any data-centers, they use AWS. Just a quick note while watching

[@WebDevCody]

Ty, why do they provide less edge locations than aws than?

[@maddsua]

@@WebDevCody that's a mystery. Just like their latency, I just don't get how the numbers are possible

[@toshimichi]

I personally like sst, because sst gives you full control over your application in a single configuration file, is fully pay-as-you-go, and free from cold starts with "warm" option that can be enabled in the config. You can even integrate with custom domain names in the config file. No interaction necessary.

[@yarrichar]

I would say another advantage of SST is the ability to add SQS and other AWS services easily.

[@FlintBits]

This video needs more views. Thank you for doing this!

[@maddsua]

Quick note 2: Netlify has logs, you just need to switch timescale from "realtime" to whatever you want to see. And the Analytics button is literally just the one next to Settings (the second one on the right side)

[@WebDevCody]

Nice thanks for pointing that out

[@mdtron]

There is also cloudflare pages which supports next, so maybe try that and see how it stacks up against these others.

[@jacksonoppenheim956]

I know that linode/Akamai is looking at adding FaaS and serverless infra, so I’d be curious to see how well that stacks up. I know their dx isnt the greatest for more traditional apps, but they are pretty cheap and you do get a ton of control over the infra.

[@eshw23]

Can you teach us how to deploy a rest api , like Express, Nestjs, or a MERN app online? To something like Aws, Cloud run, or another platform you recommend. Would help us out a lot!

[@appstuff6565]

Thanks for this Cody! So you're telling me I can use AWS Amplofy for my NEXTJS + Supabase BaaS to be deployed on amplified as easy as any other platforms now? Do you have a video? If so can you please guide me to it? Thanks!

[@naman_dw]

I’ve been a netlify diehard but recently discovered vercels regional edge functions , which is not possible to do with netlify. That made me switch to vercel

[@Lavah]

Any NodeJS hosting recommendations that also include php?

[@londelidess]

I tried with render and I couldn’t. I am glad it was not only me lol. Nice video!!! I have a next.js app calling open api using langchain so that api calling takes more than 10 sec so my application didn’t work on free vercel free account.

[@CommunityAllSeasons]

Hey, Cody!! I'm sorry but this question has nothing to do with the content, but I have a question about external component libraries in React. If you have built a component and that component is consumed by different repos in your org and you need to rename that component or change a prop, what are some migration strategies to deal with a situation like this?

[@WebDevCody]

If you’re using typescript it should tell you where you broke stuff or need to rename stuff

[@filipjnc]

What do you mean Vercel‘s data center being located farther than AWS? Vercel IS running their lambdas on AWS. And to my knowledge, you can choose your AWS region in Vercel.

[@WebDevCody]

If you go to vercels website and view their edge locations, they only list 4 in their cdn. AWS cloudfront mentions Atlanta which vercel does not for a location, so aws has more in their CDN from what I understand. I might be wrong

[@SeibertSwirl]

Good job babe! I’m failing at being the first comment 😅 but I’m here lol love ya

[@WebDevCody]

you're first in my heart

[@SeibertSwirl]

@@WebDevCody Lmaoooooooo cheeeesyyyyyyyy 😘 💋

[@jeremy0x]

I got to know about ​@@SeibertSwirl's support on this channel in Web Dev Cody's 100k subs appreciation post, and I found her here 😅 This is amazing!

[@phojie6868]

as a Vue dev, I much prefer netlify. it does more support DX for vue than any other services out there., But vercel is a big W too

[@deepjyotideb1173]

Amplify also cannot handle server side streaming data for some reason, so that's another point against them.

[@TurtleMotion]

How do you create that glossy background with the colors at 0:18 ?

[@WebDevCody]

Not sure what you mean

[@sergeylukin8740]

Did you try contacting Render/Railway support? Render customer support is superb and Railway just worked all the time for me.

[@WebDevCody]

nope

[@omarkraidie]

Why are next.js initial loads slow when deployed to Vercel but static landing page app made with vite deployed to Netlify much faster on initial load?

[@WebDevCody]

Probably cold starts on serverless

[@omarkraidie]

@@WebDevCody Thanks for the reply!

[@KerimWillem]

Nice video!

[@haha-eg8fj]

Have you tried firebase?

[@hajin1819]

Firebase?

[@augustoeduardo209]

Cloudflare has a good support to nextjs and free sqlite database still in beta called "D1".

[@mmzzzmeemee]

I was about to try cloudflare, but apparently they only supported NEXT's static export? That means no server? what did you do?

[@basepasandhai1906]

@@mmzzzmeemee SSR works pretty much well in Cloudflare with Next js Edge runtime.

[@mmzzzmeemee]

​@@basepasandhai1906 Oh yeah, now i remember. I remember about with cloudflare that i'd have to enable edge runtime or something, but because i'm pretty new to serverless (much less edge computing), i stopped there (bc i'm not sure if my app would break or not lol). Maybe cody can do a vid on cloudflare with NEXT JS? @WebDevCody

[@paramaggarwal]

Thanks

[@kwongster]

curious how Firebase is from your perspective 🤔

[@WebDevCody]

Never used it

[@realcirno1750]

i need to put some time aside to learn SST.. i tried amplify but didnt like how heavy-handed it was, right now im just hosting nextjs on fargate containers lol

[@Goyo_MGC]

Aren't you getting charged a lot for it ? Genuinely interested as I "played" with EC2 and got charged a lot real fast

[@realcirno1750]

​@@Goyo_MGC it depends on the cpu+ram+number of containers but its not really that expensive imo of course its still a lot more expensive than what youd be getitng with a serverless deployment

[@VincentFulco]

Had some teething problems the last week. Created appsync back end, deployed fine. Added another schema item , resolver, etc. , the local deploy wouldn't find the new dynamodb table. Also opennext was a bit weird, SST monitor would run but nothing would render.

[@Goyo_MGC]

@@realcirno1750 Thanks for the answer !

[@bob_kazamakis]

@@Goyo_MGC if you strictly use AWS for serverless services, you won’t get charged hardly anything

[@sahadpop4135]

Make a video on firebase

[@deepjyotideb1173]

Render works tho and i recently pushed an app there.

[@code-island]

whats the point of doing a comparison video if you can't guarantee that the comparison ir fair, like same region, caching, etc

[@WebDevCody]

Looking back, I didn’t explain it well, but the performance boils down to how many edge locations these providers have. Cloud flare (digital ocean) has the most I believe, cloudfront has a lot as well including an Atlanta location which is closest to my location, vercel only have 4 locations in the us. So, the load times I talk about are basically demonstrating that some provides have less cdn edge locations, meaning users down in Florida will have worst load times hitting a vercel site compared to aws. The other stuff I mention in the video about DX and UX of the services are valid and fair.

[@williamx0]

@@WebDevCody I still value these videos. It's more of a friend showing you what they're doing instead of a scientific benchmark which is appreciated too as long as that's disclosed which it was. He also wasn't trying to misrepresent or push a narrative, so it's fine. Please keep it up

[@shraj340]

Which is most price effective 🎉🎉🎉🎉🎉🎉🎉🎉🎉

[@WebDevCody]

Sst is the cheapest unless you get a ddos

[@shraj340]

@@WebDevCody getting ddos isn't possible with others ? How to prevent? Btw very thanks for replying. ♥️

[@user-gf9ri4wj5h]

Vercel ui is more user friendly

[@rdalert3]

🤣🤣🤣 The same happened to me with railway, and i really didn't even bother using it

[@alkolaqi83]

I really want to use raiway but they just playing hard

[@begris]

Have you tried Flightcontrol?

[@WebDevCody]

Nope

[@lilililliilil]

From my experience, it wasn't that good.

[@BreuXBranco]

@@lilililliilil Mind elaborating on why it wasn't good?

[@lilililliilil]

@@BreuXBranco The chatbot was't event working, UX was difficult to understand. For instance deleting the app etc.

[@lilililliilil]

Awesome video!

[@yousafwazir3167]

Nice

[@CodingWithJerry-fn4cv]

@WebDevCody rate these from best to worse

[@gung2267]

1:00 noob ;)))

[@SuperKidontheblock]

The engineering shit is making me blind man. Everything be blurry. Drop some eye health care tips ya nerds! :) Appreciate it.

[@WebDevCody]

Don’t stare at a computer, aka , don’t get into this industry

[@z-aru]

Hear me out bro, deploying to vercel is really awesome for me, just need to import my project by including the repo link, setting up envs, and then bam, that's all, your repo has an update? just push the code to your remote git repo. They even provide a preview when pushing to one of your branch! OMG please nerf vercel

[@primumNocere]

Same with amplify. My first experience with CI and was pretty effortless to set up, it handles the GitHub actions and all that jazz, even previews PRs. Can’t get over how sleek vercel ui looks though 🫠

[@z-aru]

@@primumNocere haven't tried amplify yet, but my first impression of AWS honestly kind of horrible. I got overwhelmed with AWS menus, so looking at vercel ui got me like a breeze

[@nested9301]

Idon't why people want to try other hosting provider when vercel is suitable for next js what is the benefits of that

[@z-aru]

@@nested9301 Probably because of the pricing though, it kinds of iritating too tbh

[@zoki5388]

What about cold start.