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

Ғылым және технология

In this video I will be showing how to deploy a NextJS App to Vercel.
Link: vercel.com/dashboard
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#nextjs #vercel

Пікірлер: 90

  • @lukas.webdev
    @lukas.webdev Жыл бұрын

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

  • @user-sj1bo4ec8g
    @user-sj1bo4ec8g11 ай бұрын

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

  • @KAMIL-jc8nn
    @KAMIL-jc8nn3 ай бұрын

    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🤣

  • @MuhammadAmir-nv4yk
    @MuhammadAmir-nv4yk Жыл бұрын

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

  • @MuhammadAli-tw9ht
    @MuhammadAli-tw9ht Жыл бұрын

    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

  • @McElitsome
    @McElitsome10 ай бұрын

    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

  • @k303k
    @k303k Жыл бұрын

    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!

  • @fredoliveira5069
    @fredoliveira50699 ай бұрын

    Very helpful Pedro, thanks a lot!

  • @thalespica
    @thalespica Жыл бұрын

    Excelente vídeo Pedro parabéns 🎉

  • @roloep85
    @roloep857 ай бұрын

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

  • @real23lions
    @real23lions Жыл бұрын

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

  • @mr_phamtastic
    @mr_phamtastic8 ай бұрын

    Awesome tutorial! Nice and easy

  • @AlineGrianti
    @AlineGrianti7 ай бұрын

    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?

  • @luizinhogm
    @luizinhogm Жыл бұрын

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

  • @whysumancode
    @whysumancode5 ай бұрын

    Wow i enjoyed thanks myaan🚀🚀

  • @albertbravo7364
    @albertbravo73642 ай бұрын

    Awesome video. Thank you

  • @wesleymoraes1478
    @wesleymoraes14785 ай бұрын

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

  • @afaqahmad8918
    @afaqahmad8918 Жыл бұрын

    Welcome back ❤

  • @sebastiannietor9724
    @sebastiannietor972411 ай бұрын

    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

  • @centralbiz5974
    @centralbiz5974 Жыл бұрын

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

  • @leeuwa1
    @leeuwa1 Жыл бұрын

    Thanks for this video, great. You are one of my favorite coding KZreadr. 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?

  • @AbdelkaderSoudani
    @AbdelkaderSoudani2 ай бұрын

    Thank you so much brother!

  • @abhijaysaraswat2833
    @abhijaysaraswat28333 ай бұрын

    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?

  • @bribri-dy1te
    @bribri-dy1te6 күн бұрын

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

  • @aydinjoshi
    @aydinjoshi4 ай бұрын

    Great vid brother

  • @sandiplayek
    @sandiplayek3 ай бұрын

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

  • @Fantino502
    @Fantino5023 ай бұрын

    Thank you for the video, by the way.

  • @jeevanalexen
    @jeevanalexen8 ай бұрын

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

  • @sanketrajput_co
    @sanketrajput_co2 ай бұрын

    Nice step by step explained

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    Thank you so much 🙂

  • @user-uz7es1vq4n
    @user-uz7es1vq4n7 ай бұрын

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

  • @SomaSrivastava-wv3xi
    @SomaSrivastava-wv3xiАй бұрын

    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

  • @codingtaptanh8674
    @codingtaptanh867420 күн бұрын

    really helpful

  • @oluwabukolahezekiah4198
    @oluwabukolahezekiah4198 Жыл бұрын

    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

  • @ashutosh__018
    @ashutosh__0185 ай бұрын

    great video!

  • @Maifumei
    @Maifumei11 ай бұрын

    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?

  • @syedahafsadeveloper
    @syedahafsadeveloper3 ай бұрын

    amaaaaaaaaaaaaaaaaaaaazing video i have no words

  • @user-jg7hs5yo9e
    @user-jg7hs5yo9e8 ай бұрын

    thank you for sharing

  • @genztechman
    @genztechman4 күн бұрын

    Thank You

  • @sumitsahu8657
    @sumitsahu86574 ай бұрын

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

  • @DEBUGENTITY
    @DEBUGENTITY2 ай бұрын

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

  • @onayemi18
    @onayemi189 ай бұрын

    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.

  • @c0dingwithchris
    @c0dingwithchris4 ай бұрын

    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?

  • @Fantino502
    @Fantino5023 ай бұрын

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

  • @alifhasanshahOfficial
    @alifhasanshahOfficial8 ай бұрын

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

  • @kiranoffice4445
    @kiranoffice4445Ай бұрын

    ThankYou

  • @DERMOIIN
    @DERMOIIN4 ай бұрын

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

  • @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

  • @eobodai
    @eobodai2 ай бұрын

    Thanks

  • @kimbiblog
    @kimbiblog10 ай бұрын

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

  • @manankoyawala5337
    @manankoyawala53376 ай бұрын

    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

  • @benoit4148
    @benoit41487 күн бұрын

    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

  • @abdelkaderlounis6537
    @abdelkaderlounis653711 ай бұрын

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

  • @iqrashahzadi1721
    @iqrashahzadi1721Ай бұрын

    helpful

  • @MT4d616e
    @MT4d616e10 ай бұрын

    simple and easy

  • @ekanotes
    @ekanotes2 ай бұрын

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

  • @shivaramr7042
    @shivaramr70423 ай бұрын

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

  • @praiseabu591
    @praiseabu5916 ай бұрын

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

  • @DEBUGENTITY
    @DEBUGENTITY9 ай бұрын

    it giving me error in reactservercomponents and its not deploying

  • @shenawy343
    @shenawy3437 ай бұрын

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

  • @viniclunc8553
    @viniclunc8553 Жыл бұрын

    Easy and quick, as my job journeys 😢😔

  • @anthonygesora2517
    @anthonygesora2517 Жыл бұрын

    Woow🎉🎉

  • @chesterxp508
    @chesterxp50811 ай бұрын

    GoodJob!

  • @codemelon2698
    @codemelon26989 ай бұрын

    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

  • @kunalss9314

    @kunalss9314

    9 ай бұрын

    delete it

  • @tanphatnguyen9047
    @tanphatnguyen90473 ай бұрын

    i cant sign up new account on Vercel

  • @tomasburian6550
    @tomasburian65504 ай бұрын

    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.

  • @dog4ik
    @dog4ik Жыл бұрын

    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

  • @thenicholashernandez
    @thenicholashernandez8 ай бұрын

    what about baseurl you did not show it how

  • @norbufoldey3670
    @norbufoldey36707 ай бұрын

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

  • @jatinderchoudhary6061
    @jatinderchoudhary6061 Жыл бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    Жыл бұрын

    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

  • @Don_Verissimo
    @Don_Verissimo10 ай бұрын

    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"

  • @abhishekparmar162
    @abhishekparmar162 Жыл бұрын

    Hindi subtitle❤

  • @gadhager
    @gadhager7 ай бұрын

    da mas problemas que netlify...

  • @franklinmayoyo
    @franklinmayoyo4 ай бұрын

    I thought you'll use the cli

  • @joshiosimoe7459
    @joshiosimoe7459Ай бұрын

    WE LUV BOBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

  • @hamzaking127
    @hamzaking127 Жыл бұрын

    in firebase

  • @ruizxzx
    @ruizxzx Жыл бұрын

    u look better without facial hairs!

  • @freedom6984

    @freedom6984

    Жыл бұрын

    Who cares

  • @andregn4483
    @andregn44832 ай бұрын

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

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

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

  • @edubox9816

    @edubox9816

    5 күн бұрын

    ​@@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.

  • @traconisek
    @traconisek7 ай бұрын

    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"

  • @PedroTechnologies

    @PedroTechnologies

    7 ай бұрын

    Are you sure you are trying to deploy a nextjs project?

  • @mireyamarte7974
    @mireyamarte797415 күн бұрын

Келесі