My Favorite & Cheapest Way to Deploy Next.js (and how to do it yourself)

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 พ.ย. 2024

ความคิดเห็น • 77

  • @WebDevCody
    @WebDevCody  ปีที่แล้ว +19

    So I actually just tried deploying from my laptop and it worked fine, so the whole github actions part of this video might not even be necessary (although I would recommend it for automation). The fact that we include the linux arm in the binaryTargets allows SST to bundle the necessary binaries for your lambda function, so disregard a lot of what I said about you can't deploy from your laptop. Hope you found this helpful, cheers.

    • @sethmatthews7970
      @sethmatthews7970 ปีที่แล้ว +4

      I’m really happy you went through the GitHub actions part tbh

    • @pjc825
      @pjc825 ปีที่แล้ว +3

      Do you have any idea why Vercel deployments are so much faster than SST, I assume underneath Vercel still must use CloudFormation and or CDK as well? Would be good to ask Dax (SST creator) about that. Would also be great if you had an interview with him too.

  • @SeibertSwirl
    @SeibertSwirl ปีที่แล้ว +54

    Looking good babe! I forgot you shaved your beard and was like “who is this?!!” For a split second. Good job as always! And I love you! Also first! 👸🏿
    For those that always wonder why I comment on all his videos… I am his wife, I love watching him do what he loves, I am in heartfailure and if my time on earth is short I want Cody to know and remember I always support his dreams and also if he ever gets remarried I want her to know I was cool like that 😂
    Love ya babe!

    • @justine_chang39
      @justine_chang39 ปีที่แล้ว +8

      sweeeeeet as heck!!

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +10

      Lol woww thanks babe, I ain’t getting remarried you nub, no one can replace you. Love you so much!

    • @okage_
      @okage_ ปีที่แล้ว +7

      praying for your good health 🙏🙏

    • @armaandhanji7151
      @armaandhanji7151 ปีที่แล้ว +1

      What a lovely comment, this made my day, thank you :)!

    • @appstuff6565
      @appstuff6565 5 หลายเดือนก่อน

      @@WebDevCody im gonna cry here

  • @lotw3
    @lotw3 ปีที่แล้ว +12

    I recently discovered your channel, and the video’s quality are just top notch!please make more videos about sst. This videos helps a a lot! Thank you Cody!

  • @JoeceOfficial
    @JoeceOfficial 11 หลายเดือนก่อน

    Just opened this video on holiday and it was so EASY to follow despite me not having my projects open. The step by step and your reasoning is helpful as always. As a someone who’s been slowly trying to understand next.js and deployments more, this gives me a much better picture that if I were to just read the docs. Thank you!

  • @Flash136
    @Flash136 ปีที่แล้ว +3

    I recently just discovered SST. It's an amazing tool, but I don't see very many tutorials about it, so Thank You for this. :)

  • @pjc825
    @pjc825 ปีที่แล้ว +1

    Really appreciate you covering this topic and paying attention to people's comments. Thank you so much for all the fantastic content you create.

  • @miha7273
    @miha7273 ปีที่แล้ว +4

    Thank you so much for making these videos. You give me inspiration.

  • @jcen1918
    @jcen1918 ปีที่แล้ว

    This was SOOOO helpful. Thank you! Set up my own SST-AWS-based Next app w/ github actions!

  • @euanmorgann
    @euanmorgann ปีที่แล้ว

    This is amazing, I would love more in depth videos on deployment and CI/CD with Nextjs

  • @gavinlindridge
    @gavinlindridge ปีที่แล้ว +1

    Thank you SOOOOO much for this, i will be testing this out tommorow 👍

  • @Paul_Aderoju
    @Paul_Aderoju ปีที่แล้ว

    Discovering your channel is my highlight for the month of September 🙌

  • @pez5491
    @pez5491 8 หลายเดือนก่อน

    my first deploy in my life successfull thanks to you mate!

  • @amershboul9107
    @amershboul9107 5 หลายเดือนก่อน

    you always save my life dude! Special thanks

  • @49desprolijo
    @49desprolijo ปีที่แล้ว

    dude i f* love your content! keep going this is awesomeeeee 🔥

  • @FlygOnLiTe
    @FlygOnLiTe ปีที่แล้ว

    If my applications ever outgrow the free tier on vercel, I know what I'm using now, thank you!

  • @appstuff6565
    @appstuff6565 5 หลายเดือนก่อน

    hey webdev cody, i wanted to ask,do u have a aws amplify sst vs digital ocean services?

  • @mitchellcook9114
    @mitchellcook9114 ปีที่แล้ว +3

    Is there a comparison of the AWS bill using SST over time compared to Vercel? I am sure SST is generating a lot of resources, each with their own usage costs

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +3

      I already made a video a few days ago about how much my saas product costs monthly, it’s cents. It all depends on traffic as well.

    • @mitchellcook9114
      @mitchellcook9114 ปีที่แล้ว

      @@WebDevCody Nice, I'll look for it!

  • @rajusharma823
    @rajusharma823 ปีที่แล้ว

    The beard on was cool :)

  • @roach_iam
    @roach_iam ปีที่แล้ว +2

    Careful making those aws secrets available in the env for the entire run. I'd put them only under the deploy step.

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว

      is the concern that a package could scrape that info when doing an npm ci?

    • @roach_iam
      @roach_iam ปีที่แล้ว

      @@WebDevCody Yep. Especially with postinstall scripts

    • @gavinlindridge
      @gavinlindridge ปีที่แล้ว

      Agreed I'd just use those secrets inline so they cannot be used anywhere else 👍

  • @CavalloGuido
    @CavalloGuido ปีที่แล้ว +1

    I'm confused, every time that I deployed a change to production environment with SST, will it setup a new infrastructure for me? Or it sets it up the first time and nextime takes the id of the resourse previously created and only aplies the code changes?

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +1

      It’ll create and update. So the first deploy takes a while to spin up all resources, and future deploys just updates anything you change

    • @CavalloGuido
      @CavalloGuido ปีที่แล้ว

      @@WebDevCody thanks 👍

  • @L1ght1000
    @L1ght1000 ปีที่แล้ว +1

    Hello, would love if you gave me small advice. I'm going to deploy Next app somewhere, and there will be a lot of requests to my API from external applications. It could probably be 1 request every couple of seconds. Where should I host better in terms of prices and deployment complexity? Thanks in advance!

  • @mithushanjalangan5132
    @mithushanjalangan5132 ปีที่แล้ว

    Great run through! How are pricing compared to the deploying to Vercel ?

  • @spiffjekey-green4034
    @spiffjekey-green4034 ปีที่แล้ว

    This is a really good content, but I have one question though, the was user account used. What permissions should be appropriate for it cos I am creating a user account now with this fullAdministativeAccess but not giving it console access

  • @Kimitri
    @Kimitri 8 หลายเดือนก่อน

    I have one question, is safe allow SST to collect Anonymous Telemetry from my Nextjs app? Because I notice that I have an option to disable it.

    • @WebDevCody
      @WebDevCody  8 หลายเดือนก่อน +1

      yeah probably, just disable it anyway if you have concerns; it's probably just to help their team improve their tools

  • @thanhtringuyen5553
    @thanhtringuyen5553 ปีที่แล้ว

    Hi,
    First, your video is amazing. Thanks for what you are doing.
    I have a question. I noticed that SST stores the state of deployment inside the folder .sst. So do we need to commit this folder into git?
    If we don't need to, will SST create a whole new stack in the next deployment?
    Thank you in advance.

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว

      I don't think we need to commit that

  • @Kimitri
    @Kimitri 8 หลายเดือนก่อน

    I have one question, the needed permissions the AWS user need to deploy sst is the same as than Serverless framework?

    • @WebDevCody
      @WebDevCody  8 หลายเดือนก่อน +1

      Usually admin access

    • @Kimitri
      @Kimitri 8 หลายเดือนก่อน

      thank you so much@@WebDevCody

  • @Kimitri
    @Kimitri 8 หลายเดือนก่อน

    Maybe I'm making to much questions I'm sorry haha, but I need to set up a load balancer to use it or the SST already set up it?

    • @WebDevCody
      @WebDevCody  8 หลายเดือนก่อน

      No sst uses cloudfront which acts as your router

  • @N8X4TE
    @N8X4TE ปีที่แล้ว

    Hi cody, it worked like a charm, successfully deployed my next app following the video. Do u know how to increase the lambda execution timeout duration? Seems like its set to 10s by default?

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว

      You can override the timeouts in the configurations

  • @anonymoussloth6687
    @anonymoussloth6687 8 หลายเดือนก่อน

    after we do npx sst deploy and it deploys our app to CloudFront, if I want to shut the app down so that it doesn't incur any costs, what do I do for that?

    • @WebDevCody
      @WebDevCody  8 หลายเดือนก่อน

      Sst destroy I think?

  • @rafiul984
    @rafiul984 ปีที่แล้ว

    can you do a video on supabase auth + drizzle ? i think it makes an interesting combo

  • @Steel0079
    @Steel0079 ปีที่แล้ว

    Dude, your channel is a goldmine.

  • @thachholeminh4807
    @thachholeminh4807 ปีที่แล้ว

    Do you have the ci for gitlab. I try to convert from the github yaml to gitlab but it is always stuck at the aws credentials which happen at npx deploy. I try to config the env values but got no luck. In fact I can deploy locally. So I believe there is somekind of aws credentials different between github and gitlab and like the image they are using.

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +1

      I've never used gitlab. it sounds like you need to add credentials into gitlab somehow?

  • @MohammedTariqSaiyad
    @MohammedTariqSaiyad ปีที่แล้ว

    Hi Cody, thank you for sharing this. I deployed a next13 app with sst yesterday, and I was wondering if you could verify what I've been seeing.
    Basically all dynamic routes like those from product/[id]/page.tsx are not getting cached on cloud front, even though I've set a revalidation property on the fetch call. Have you noticed this too?

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +2

      I’ll have to try with the app router, I’ve mainly been using the pages router

    • @3IMAD69
      @3IMAD69 ปีที่แล้ว

      any update with the app router?

  • @don1041
    @don1041 ปีที่แล้ว

    i notice you use nextjs 13.4.2 instead of the latest version (13.5.*). do you experience some bugs when using the latest one with sst? if so, do you find it ok to get stuck using that version instead of the latest one?
    this makes me think to switch back to just deploying stuff in a vps using docker.

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว

      Idk I haven’t tried the latest version

  • @ShinnThantMinn
    @ShinnThantMinn 8 หลายเดือนก่อน

    thank you

  • @arthur936
    @arthur936 ปีที่แล้ว

    Hey man, any chance to update the T3 Stack Tutorial on gumroad with a version of it deployed with SST (or a migration from amplify to sst)?

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +1

      I could make a separate branch may e

  • @additionaddict5524
    @additionaddict5524 ปีที่แล้ว +1

    Is it really sst if you’re using supabase?

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +2

      yes, I'm just using sst to deploy the next application. You don't have to use dynamodb just because you are using sst. I mainly used supabase because I'm at my planetscale limit of databases; I'm just using supabase to get a free posgres database for this tutorial.

  • @frontforumfocus
    @frontforumfocus ปีที่แล้ว +1

    lets gooooooooooooooo

  • @Light-nn6hn
    @Light-nn6hn ปีที่แล้ว

    Your beard looks really nice and suits u really well, don't shave it.

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว

      My wife likes a clean face 😂 her opinions trumps everyone elses

  • @ToddDunning
    @ToddDunning ปีที่แล้ว +5

    Man imagine spending the time it takes to figure out how to scrape people’s AWS keys, then use them to mine Bitcoin. For gods sake do something productive with those skills!

  • @darialyphia
    @darialyphia ปีที่แล้ว +4

    where beard

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว +8

      wife likes clean face - I make clean face 🤣

    • @SeibertSwirl
      @SeibertSwirl ปีที่แล้ว

      @@WebDevCody Lmaooooooo

    • @rohitreddy6794
      @rohitreddy6794 ปีที่แล้ว

      ​@@WebDevCodyRIP man. You looked really good with a beard

  • @PostMeridianLyf
    @PostMeridianLyf ปีที่แล้ว

    Cheapest? I deploy for free on GCP every day, New apps, projects, dbs, even ci/cd pipelines. The free tier covers it all.