How To Deploy a NextJS App To Vercel (EASY AND QUICK!!!)

Поділитися
Вставка
  • Опубліковано 30 лис 2024

КОМЕНТАРІ • 119

  • @MEGANLEWIS-q2c
    @MEGANLEWIS-q2c 3 місяці тому +14

    I love the fact that you included the use case of a bug in code/error to show how to deal with that.

  • @KAMIL-jc8nn
    @KAMIL-jc8nn 9 місяців тому +7

    You helped me soooo much already, thank you. Btw you didnt need to show the error example but you did it anyway. I just love you man🤣

  • @real23lions
    @real23lions Рік тому +6

    Omg. I was gonna deploy my nextjs in a day or two. What a coincidence

  • @mojtabaadineh-y9v
    @mojtabaadineh-y9v Рік тому +1

    thank you for showing the error , i just got an error while building and you saved me a lot!

  • @MuhammadAmir-nv4yk
    @MuhammadAmir-nv4yk Рік тому +4

    Amazing learning path for me...keep it up bro

  • @carnealse
    @carnealse Місяць тому +1

    Pretty new to this kind of thing.
    How do we separate the front end logic form the back end with this method? Client vs server side. I don't want the user to see the code being used, for instance, because it is novel and don't want it stolen from a private repo deployed to vercel. Or if I wanted users to save answers to a questionnaire with their entered nick name and code generated to allow another page to access their answers and compare to the answers of another user who provides their name and code?

  • @MuhammadAli-tw9ht
    @MuhammadAli-tw9ht Рік тому +5

    Very helpful ! Appreciate your work always. 🙂
    I think it would be great video if you share how you learn new stuff and whats your overall process of learning new technologies etc. Thanks

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

    Bro what about the website is already deployed and you want to make changes?
    Should I just do the following command:
    ◽git commit -m "fixed stuff"
    ◽git push
    and the deployed website will be updated too?

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

      @everyone

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

      I found a solution:
      Let's say you have already successfully deployed the application to Vercel through GitHub. After all the changes that you are satisfied in, open the terminal and prompt the below prompts:
      ◽git add .
      ◽git commit -m "updated"
      ◽git push origin main
      This works for me and I hope it works for you too. Do you have any better or proper approach for this? Please, let me know.

  • @thalespica
    @thalespica Рік тому +3

    Excelente vídeo Pedro parabéns 🎉

  • @lukas.webdev
    @lukas.webdev Рік тому +5

    Very helpful and straight to the point. Love it! 😉🔥

  • @k303k
    @k303k Рік тому +2

    Thank you so much for the video Pedro!! Will you make a series on Nodejs when you have free times?
    Sorrry again if i requested so many times 😅 but your way of teaching is very great and i haven't learn learn Nodejs.That's why.Thankk you for all of your efforts for teaching us a lot Pedro!

  • @sanketrajput_co
    @sanketrajput_co 8 місяців тому +1

    Nice step by step explained

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

    The "any" solution was perfect for me!!! Thank you very much!!!

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

    this was a really easy video to follow along. thank you !

  • @TamilArasan-k6d
    @TamilArasan-k6d Рік тому

    Good Evening Pedro Tech,try to give an idea about ,how can we change branch in production with clear example

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

    Thank you very much, this was a very quick and concise video, very helpful and straight to the point. Thank you!

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

    What makes ls Vercel “not free”? Might need that next video to understand the custom URL 🎉

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

    Thanks for sharing this. Hey Pedro, can you share the name of that extension of auto-suggest yarn/npm at your terminal shell?

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

    Thanks for this video, great. You are one of my favorite coding UA-camr. Is it possible to make a video about security? If you made an app, and there are some security issues with some package (for instance) that are used in that app, what to do to solve it? How to know if there are any security issues with packages for instance? Are there websites who publish such security issues?

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

    Easy and quick, as my job journeys 😢😔

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

    Thanks dude! Feels like you saved my life, even if it was so easy. Not knowing is the worst thing!

  • @dog4ik
    @dog4ik Рік тому +2

    That is insane how vercel f@cked whole community with RSC and everyone is okey with it.
    Not only RSC slower and will lead to higher bill but also they made self hosting really hard

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

    Off topic comment - Your hair is cool right now. It remind me Gustavo Kuerten's hair style, a 2000's Brazilian tennis player.

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

    I like this. I dont't know why I always come back to watching your videos though. Something about your presentation is just 👌. Your videos are informative too on the current state of JS techologies too and tips and tricks that make the DX better. Love your latest ' NEXTJS for beginners ' vieo by the way. Its amazing. Stay strong broh

  • @socialguro
    @socialguro 2 місяці тому

    thanks man really helped me❤❤

  • @praiseabu591
    @praiseabu591 Рік тому +2

    Thank you so much for this. It was extremely helpful.
    I pray you come to the knowledge of truth and Christ. God bless you!

  • @Shazzy-dev
    @Shazzy-dev 3 місяці тому +1

    I have a question : When we fetch data in local machine we use localhost:3000/api, but how can we deploy it on the vercel. It will cause a lot of error, how can we fix that. error: Server is not responding

    • @chukwuebukastanley9459
      @chukwuebukastanley9459 2 місяці тому

      DId you find a solution to this ? I am having the same problem too, my pages are not being generated during build time on vercel

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

    Welcome back ❤

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

    This was awesome! Thank you!!

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

    Hi Pedro.. very helpful as always.
    Which site would you pick for hosting a node js API for free ?
    thanks in advance

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

    I’m getting Error 500: internal server error message when I deploy to vercel. I have like 8 environment variables like sanity, google auth, stripe, etc please help

  • @jatinderchoudhary6061
    @jatinderchoudhary6061 Рік тому +3

    Yes make a proper video how we can host a nextjs website live on internet with a proper domain.

    • @PedroTechnologies
      @PedroTechnologies  Рік тому +2

      I can include that in a course or something. But to add a domain you just have to buy and set it on vercel

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

      @@PedroTechnologies yes please

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

    Hello Pedro I've been following you for long time, thank you for your knowledge impact on us. I have a request on how to deploy Nextjs on Cpanel shared hosting for both frontend and backend + prisma . Please.

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

    Awesome tutorial! Nice and easy

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

    Thank you so much brother!

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

    Very helpful Pedro, thanks a lot!

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

    Great vid brother

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

    Wow i enjoyed thanks myaan🚀🚀

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

    Thanks! I love you pedro

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

    Ola Pedro and thank you for your videos! when I try to deploy it goes out of memory because of too many static pages to generate.. you have some suggestion to fix this issue?

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

    I have two brunches developement for staging and production for production. How do I choose them please reply

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

    Where is it deploying do we have to manually specify a server etc and do we have to write the script for deployment or it creates the script on its own according to the application?

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

    Hi @Pedro how can we change the branch for deployment? Suppose I want to deploy my development branch instead main branch.

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

    The video was helpful what about connect next js to MySQL database how will I go around that or please can you make a tutorial on that please thanks

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

    amaaaaaaaaaaaaaaaaaaaazing video i have no words

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

    Hey, how will connect it with our django backend. What will be the process for that?

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

    What if i don't want to deploy from github? How to deploy react app using vercel cli? .

  • @bribri-dy1te
    @bribri-dy1te 6 місяців тому

    does it have a backend and database connected to it? or its just a frontend stuff? ty

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

    Awesome video. Thank you

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

    can we deploy the next project without github means i want to manually deploy it on vercel.

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

    helpful vedio thanks.....bro

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

    Is there a way to know if there are mistakes in our typescript code without having open the file?And without executing the build.
    Because i use Flutter and there even if you close the file, vscode always is warning you if you have errors, but i would like to have the same in typescript

  • @AnjanaAjayghosh
    @AnjanaAjayghosh Місяць тому

    Is there any way to deploy Next.js app using webSockets into Vercel? Since vercel doesn't support webSockets, I am unable to run my app in vercel.

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

    Very Quick Help🤩

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

    Instead of using external api url jsonplacelholder like you did, How to configure internal api call url before deploying

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

    I have a quick question. What if I don't want my site to be publicly accessible? I.E I want to keep it a private repo on github? Is there a way to do this or no?

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

    Skipping the env variables was a mistake. If we don't know how to put them in properly, some features won't work, like auth etc.

  • @RaviKumar-ko8pf
    @RaviKumar-ko8pf 4 місяці тому

    i'm facing problem in interface of my nextjs website , when it is running in localhost it's coming properly but when i'm hosting it is coming differently it seems like css is not imported. pls help

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

    Getting an error while doing "Command "npm run build" exited with 1"......please if someone can help.

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

    I have the problem ,the data are being fetched on vercel, even if I call the next js api endpoint on postman. i can send the data but i can not fetch unless i rebuild the app

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

    Is there any way to deploy a selected/not default branch?

  • @SomaSrivastava-wv3xi
    @SomaSrivastava-wv3xi 7 місяців тому

    what if i already have a deployment and want to update the website? will i have to deply again and get a new link or is there some other process

  • @candrarahmadan5068
    @candrarahmadan5068 15 днів тому +1

    GOD DAMN. THANKS FOR MAKING THIS FUCKING MASTERPIECE VIDEO, I IMEDIATELY SUBSCRIBE YOUR UA-cam CHANNEL AND LIKE THIS VIDEO!!!

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

    Thank you for the video, by the way.

  • @sololevelingxx7090
    @sololevelingxx7090 2 місяці тому

    Can anyone help. How to view return data on teh website. I have created sort of servey and I am not seeing the return data anywhere?

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

    when i done deploy it, why does it show the get started page, not the one that i made before?

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

    How old are you and how Did you learn all these stuff

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

    when i access that url from the postman it gives me authentication required even though i used authorization key also still can't access , plz give me the solution

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

    please how do i deploy my wordpress website to vercel app and post links on facebook ?

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

    it giving me error in reactservercomponents and its not deploying

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

    i got this error: "No Next.js version could be detected in your project. Make sure `"next"` is installed in "dependencies" or "devDependencies" "

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

    Hello sir, my nextjs has been deployed to Vercel, but I cannot open images in Romania, and my location in China or Singapore can open them. Is there any way to set the region?

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

    really helpful

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

    great video!

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

    my module.css file is not reading hence styles are not applied

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

    the project has been deployed but the images didn't appear and i don't know why

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

    I have a problem my app contains a lot of images it's still static but I can't use a cdn it's too late so how can I push 2.16 gb to github

  • @osamaayub405
    @osamaayub405 2 місяці тому

    Application error: a client-side exception has occurred (see the browser console for more information). while deploying next js app on vercel I'm getting this error while deploying the next js app how to remove this error anyone

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

    Thanks

  • @司马-x9x
    @司马-x9x Рік тому

    thank you for sharing

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

    what about baseurl you did not show it how

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

    i cant sign up new account on Vercel

  • @andregn4483
    @andregn4483 8 місяців тому +2

    Your name suggests you are Brazilian. But your fluency suggests otherwise.

    • @PedroTechnologies
      @PedroTechnologies  8 місяців тому +3

      Lol I am Brazilian :) I had the privilege of studying in a international school in Salvador, Bahia until I was 18.

    • @edubox9816
      @edubox9816 6 місяців тому +1

      ​@@PedroTechnologies Que daora mano!!!!!! Eu notei que seu nome era Brasileiro também, e o mais curioso é que vc tbm mora aqui em Vancouver!!! Que bacana encontrar vizinhos de nascença aqui na mesma cidade que eu!!
      Abraços Pedro, espero um dia te encontrar em algum evento de programação aqui em vancouver.

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

    i get this error ;(
    Warning: Could not identify Next.js version, ensure it is defined as a project dependency.
    Error: No Next.js version could be detected in your project. Make sure `"next"` is installed in "dependencies" or "devDependencies"

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

    simple and easy

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

    u look better without facial hairs!

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

    ThankYou

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

    I thought you'll use the cli

  • @abhishekparmar162
    @abhishekparmar162 Рік тому +2

    Hindi subtitle❤

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

    WE LUV BOBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

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

    da mas problemas que netlify...

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

    helpful

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

    thank youuuuuuuuuuuuuu

  • @ManulBandara
    @ManulBandara 2 місяці тому

    🔥🔥

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

    GoodJob!

  • @anthonygesora2517
    @anthonygesora2517 Рік тому +2

    Woow🎉🎉

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

    in firebase

  • @100xDevPiyush
    @100xDevPiyush 3 місяці тому

    Too many ads, i this video

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

    Not helpful. Vercel is throwing random rrError: No Next.js version could be detected in your project. Make sure `"next"` is installed in "dependencies" or "devDependencies"

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

    Would have been even more helpful without yout head out of the way