BEST ways to deploy a NextJS app

Поділитися
Вставка
  • Опубліковано 20 сер 2024
  • We deployed our NextJS app in a ton a different ways so you don't have too!
    In this video we go over the different ways to deploy your app and weigh the cost, how much control you have, and how easy it is to use so that you can choice the BEST option.
    #NextJS #tutorial #firebase

КОМЕНТАРІ • 47

  • @GetRifik
    @GetRifik  Рік тому +4

    How are you currently deploying your NextJS app?

  • @FangerZero
    @FangerZero 3 місяці тому +1

    1:20 thanks this is what I've been looking for, for the past week!

    • @edsonhh
      @edsonhh 28 днів тому

      me too!!!!

  • @DiegoCarreiraFr
    @DiegoCarreiraFr 3 місяці тому

    Awesome video! Simple, direct and just what I needed! 👏

  • @ukaszStrzelecki
    @ukaszStrzelecki 7 місяців тому +3

    You have to rethink your recommendation of Firebase Hosting :) I've just build a simple app with Next.js and I have a hard time with Firebase deployment. The same code works flawlessly on Vercel but not working on Firebase at all. On firebase I don't have access to server logs (or I don't know how to find it) so I don't know what is happening. I will be great if you make a video about debugging deployment on firebase hosting and how to find a problem. Cheers

    • @FangerZero
      @FangerZero 3 місяці тому

      I finally figured this out the 1:20 time stamp was the last part I needed to complete my Firebase SPA.

  • @GatoNordico
    @GatoNordico Рік тому +1

    Thank you for the video! Keep them coming 🙌🏻
    Currently deploying on firebase here, and your vídeo kinda gave me peace of mind. I didn’t explore too much the other options tbh, I just evaluated auth options and firebase seemed the more appropriate for my use case, plus using firestore for my db is quite straightforward :)
    I’ve been using next.js with page routing and looking to transition to app router later this year probably 🤞🏻

    • @GetRifik
      @GetRifik  Рік тому +1

      Glad we gave you some peace of mind!!
      Totally agree, firebase pretty much had everything you need in 1 place. Hard to look elsewhere with so many great features.
      Good luck with the app router transition!

    • @machadoemiliano9664
      @machadoemiliano9664 11 місяців тому

      I’ve been using Firebase to deploy my next js application, but for some reason, i don’t see the images on the page, can you help me?

    • @GatoNordico
      @GatoNordico 11 місяців тому +1

      @@machadoemiliano9664 are you using next.js Image component? If so you might need to add firebase storage (assuming that’s were you’re saving your images) to the acceptable domains on next.config.
      And a brief update now that I re-read my comment: for the last three weeks I’ve been migrating my project out of firebase and into supabase 😅 but for other reasons… but I’m almost done with the migration!

    • @machadoemiliano9664
      @machadoemiliano9664 11 місяців тому

      I've tried everything but I still can't get it to load, I've already added the images to the firebase storage, moved the public folder where I have the images to app because in the web console I was getting error 404 because I couldn't find the path, I'm tired I'm going to go to vercel or netlify.@@GatoNordico

    • @machadoemiliano9664
      @machadoemiliano9664 11 місяців тому

      Y por cierto, tambien hablo en español

  • @lucifer3646
    @lucifer3646 11 місяців тому +1

    you are underrated! Love your videos

  • @mauriciovalencia8370
    @mauriciovalencia8370 8 місяців тому

    Thanks for breaking it down! Looks like vercel's free hobby plan can't be used commercially though

  • @r4zen976
    @r4zen976 10 місяців тому

    Incredibly helpful vid, was looking for something like that, thanks

    • @GetRifik
      @GetRifik  10 місяців тому

      Glad it was helpful! Thanks for the support

  • @musabhussain3641
    @musabhussain3641 7 місяців тому

    wow! its so clear!! Amazing!

  • @edsonhh
    @edsonhh 28 днів тому

    1:20 How was something so simple so difficult to find?

  • @AndriusLau
    @AndriusLau 5 місяців тому

    When we can expect video of Nextjs and Docker?

  • @VishalSingh-fk7kz
    @VishalSingh-fk7kz Місяць тому

    i have been using firebase as a backend for my website but it doesnt responds to the apis i create using nextjs. although i believe there are other options to create apis in firebase. can any tell me anything about it?

  • @fh3r3
    @fh3r3 6 місяців тому

    thanks! very clear!

  • @SakthiCs
    @SakthiCs 7 місяців тому

    Specified "rewrites" cannot be used with "output: export" I got this error..how to solve this

  • @Namynnuz
    @Namynnuz 7 місяців тому

    Where's the other possibility, when you scoop out dynamic code and host it as lambdas?

  • @ardeanadventure
    @ardeanadventure 18 днів тому

    What if you use Nextjs for front end and Laravel for backend. What do you think the best way to deploy?

    • @josephajibodu2377
      @josephajibodu2377 14 днів тому

      Vercel for Nextjs and a VPS for laravel (or DO App Platform). If you are trying to cut costs like me, host both on a VPS.

    • @ardeanadventure
      @ardeanadventure 14 днів тому

      ​ @josephajibodu2377 Could you please explain more details about it? I'm still not sure how to connect the subdomain on Vercel. Because in my case, the front end has 2 panels. Each panel uses different subdomains and the Backend Laravel, plays as the API I put on different subdomains.
      How can I make sure there is no problem applying the subdomain on each front end if I want to use Vercel for the NextJs and VPS for the backend?

    • @josephajibodu2377
      @josephajibodu2377 13 днів тому

      @@ardeanadventure There shouldn't be subdomain issues as long as they are on the same domain. Are the 2 frontend panels in the same Nextjs project or separate?

  • @theSavanahDev
    @theSavanahDev 8 місяців тому

    Thank you for the video, I appreciated it a lot. Could you please do one where you deploy Next.js to Firebase hosting?

    • @GetRifik
      @GetRifik  7 місяців тому

      Thank you for the request!

  • @MaxWis
    @MaxWis 6 місяців тому

    Ive been having some big problems with firebase... For some reason whenever i make an app that does anything with the pages/api or app/api folder the cloud function it generates for you always times out. do you know of a way to fix this? :)

  • @jogiwalamohit4433
    @jogiwalamohit4433 4 місяці тому

    Can I deploy next app when I have firebase blaze plan?

  • @ionutsandu5913
    @ionutsandu5913 6 місяців тому

    Thanks!

  • @samuelluz
    @samuelluz 11 місяців тому

    Obrigado pelo Video!

  • @brianruizy
    @brianruizy 10 місяців тому +2

    add video chapters please!

    • @GetRifik
      @GetRifik  9 місяців тому

      Thank you for letting us know!

  • @classicaf
    @classicaf 6 місяців тому

    thank you

  • @dragosmorozan1841
    @dragosmorozan1841 Рік тому

    Great video

  • @adityamarzuk5970
    @adityamarzuk5970 11 місяців тому

    I got blocked by verce idk whyl and can't register aws my only option is firebase i guess 😢

    • @GetRifik
      @GetRifik  11 місяців тому +1

      Firebase is nice since it has a vast ecosystem of tools!
      If you want an almost exact replacement to vercel try out netlify.

  • @yunyang6267
    @yunyang6267 10 місяців тому

    what do you use to monitor next app performance and logs

    • @GetRifik
      @GetRifik  10 місяців тому

      I usually deploy my next apps to Vercel. For small apps I just use the vercel logs.
      For larger/enterprise apps I usually have use elasticsearch and kibana.
      I've really wanted to try out sentry.io though, it also collects errors your users see in the client.

  • @adityamanjrekar7
    @adityamanjrekar7 11 місяців тому

    Hey, could you explain about next js custom server to deploy on servers like iis.

    • @GetRifik
      @GetRifik  11 місяців тому

      Are you referring to "ISS" Microsoft's Internet Information Services?

    • @adityamanjrekar7
      @adityamanjrekar7 11 місяців тому

      @@GetRifik yes. Our company uses an IIS 10.0 server.

  • @codeNinja2320
    @codeNinja2320 4 місяці тому

    Netlify doesn't support ISG