Deploy your Next.js app to a VPS (EASY!)

Рет қаралды 28,928

Күн бұрын

#Hivelocity #VPS #VPShosting
#ad #collaboration
Get one month of VPS FREE at hivelocityinc.net/3SfVjnB. Use code BYTEGRAD1 at checkout.
By the end of the year, users will be able to deploy in EU-locations Frankfurt and
London.
If you need cPanel licenses, Hivelocity is working to get the best deal, those will be
available in a future release.
Learn more about Hivelocity’s VPS: hivelocityinc.net/3s3OcUF
Explore Hivelocity’s VPS Plans: hivelocityinc.net/3SfVjnB
KZfaq: @HivelocityNet
Twitter: @HIVELOCITY
Facebook: @Hivelocity
Instagram: @Hivelocity.Hosting
TikTok: @HivelocityHosting
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). Check out Kinde for authentication: bit.ly/3QOe1Bh
👉 NEW React & Next.js course released at any moment to email subscribers: email.bytegrad.com
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (React + Next.js course out soon!): email.bytegrad.com
⏱️ Timestamps:
0:00 Why VPS?
0:28 Hivelocity VPS
1:55 Simple Next.js app
3:41 Push to GitHub
4:44 SSH into VPS
6:44 git is pre-installed on Hivelocity's VPS :)
7:19 Install Node.js (on VPS)
9:26 git clone (on VPS)
10:36 npm run build (on VPS)
12:05 npm run start (on VPS)
13:42 Hivelocity overview
14:06 Isolated server resources
14:28 Global availability
14:36 Expert U.S.-Based Support (24/7/365)
14:52 LOW latency due to fast 2+ Tbps Network
15:04 DDOS protection built-in!
15:15 Pick your OS -- even install custom OS
15:24 VPS fundamentals

Пікірлер: 82

@ByteGrad 7 ай бұрын

Get one month of VPS FREE at hivelocityinc.net/3SfVjnB. Use code BYTEGRAD1 at checkout.

@ahmedjaber8595 7 ай бұрын

it would be beneficial if you could extend this series to cover topics like dockerizing Node.js applications (including Next.js, React.js, Nest.js...), utilizing subdomains, managing versioning and releases on Git Actions, and implementing automatic deployment to the VPS when pushing changes to the main branch

@jitx2797 7 ай бұрын

You just explained the devops job

@ahmedjaber8595 7 ай бұрын

@@jitx2797 In today's job market, it has become increasingly common for companies to expect developers to possess DevOps skills rather than hiring dedicated DevOps personnel.

@FlashViolet 7 ай бұрын

wow, this plan is awesome

@Eventyret 7 ай бұрын

Actually easypanel does it for you

@nmastroianni 7 ай бұрын

I second this. I would love the follow up steps in a series. Let's Encrypt with certbot etc, Dockerization, Automated building and deployment with GitHub? Yes please!

@user-ik7rp8qz5g 7 ай бұрын

There are more things to cover to make this app work as intended. Without them it looks more like 15 minute ad than tutorial. 1. How to make passwordless ssh login 2. How to set up firewall 3. How to allocate swap memory and how much you would realistically need at lowest spec 4. How to set correct node flag for available memory 5. How to configure pm2 (you mentioned it briefly) 6. How to configure reverse proxy in nginx 7. How to connect domain and issue certificates 8. Optionally - how to use nginx for serving static cache Alternatively starting from step 4 - how to use containers to run node process and how to use traefik for reverse proxy. Can you record couple more videos to explain both ways in detail? Personally I would be interested in docker+traefik, since I have no experience in this workflow.

@Chris...S 7 ай бұрын

I use CloudPanel it makes it easy to setup most that as well as mysql db

@Rahman-xm7zm 6 ай бұрын

You should give Kamal a try

@alainportant6412 19 күн бұрын

@@Rahman-xm7zm maybe use the Vercel and avoid all this crap

@CloudieDev 7 ай бұрын

This is incredibly useful and so easy to follow. Thank you.

@favanzzo 7 ай бұрын

Hi, first of all ty for the JS course..really love it! but i was a bit sad to see that the react course will have almost the same projects? i know its different (declarite etc..) but would be nice to see other projects.

@Showmatic 7 ай бұрын

Wow I was just thinking about this exact topic yesterday!

@ilirbajrami2902 7 ай бұрын

I was hoping for a CI/CD pipeline with Github which is crucial for this kind of deployment. However, nice video

@saralightbourne 7 ай бұрын

i would really like to see an implementation of CI/CD for your VPS. how to sync code on the server, how to restart the service. i never figured out how to do it properly without docker

@NOTHING-en2ue 19 күн бұрын

very useful tutorial, thanks a lot

@user-mo8fi6lk2w 3 ай бұрын

Very nice video thank you. One cuestion is working with dinamics routes?

@AnthonyCandaele 2 ай бұрын

Thanks for this video! Should you than also install your database on the same VPS?

@Anne-kz4fi 6 ай бұрын

This was very helpful, thank you. I was about to deploy my first website and was looking for a vps for nextjs. Could you also make a tutorial for nextjs with mysql? That would be really helpful.

@zaritzki 2 ай бұрын

Thank you for this! Do you have a video for Digital Ocean? for nextjs with a custom servers too? Thank you!

@rezakhani8627 4 ай бұрын

Hello, I have a project in which I use Next.js, Node.js, and PostgreSQL. I can run this project on a VPS without any problems, but I’ve been advised to use Docker. Do I necessarily have to use Docker to deploy such a project? Please guide me.

@videoponder4673 3 ай бұрын

Thank you for the interesting and helpful video. I just do not get why to use Github and not simply FTP to transfer the files to server?

@Im-rollin-rollin 7 ай бұрын

I am once again asking when will the nextjs course be ready? I'll be the first one to buy it !🙌

@gadgetboyplaysmc 7 ай бұрын

Okay wtf how did you just post this after 2 weeks of me struggling to deploy on a VPS 💀💀

@okkaraung9512 7 ай бұрын

Are you planning on release React courses on Udemy ? I am waiting. Your javascript course is so good so far. I am still waiting for React course and Node.js course.

@NewsIdeasInnovation 6 ай бұрын

Brilliant, thank you!

@akbarnafisa4969 7 ай бұрын

wow, this is really helpfull, thanks!

@tsykin 5 ай бұрын

Thank you so much for this tutorial, it worked for me! 👍 Do you mind if I use some knowledge that you share in this video to create an instruction on how to deploy Next.js not to a paid VPS, but a Google Cloud Free Tier VM?

@mohdsahil226 2 ай бұрын

Hi Thank you for great content. Would you please also help on how to setup dev branch on sub domain, since the port is same, it always goes to main branch. I am using nginx.

@TomaszTomczuk 7 ай бұрын

you can do AWS Amplify as well

@JohnMcclaned 7 ай бұрын

Where is this NextJS + React course? I need it asap. Do you have an ETA when it's ready?

@ardianhotii 7 ай бұрын

Thank you, very nice video , do you know any vps service that is located in europe with similar prices or if there are any with a free plan

@filix6360 2 ай бұрын

informative video...thanks.

@maciejziehlke4479 7 ай бұрын

TBH I was hoping that you'll show full setup, DNS, SSL, etc. I guess this is hot topic now, so maybe I should do it and finally record something...

@Chris...S 7 ай бұрын

All that can be easily setup with CloudPanel which is like cpanel but open source.

@FRESHGAMENEWS 7 ай бұрын

Hello ByteGrad! Thank you for the video. I did exactly as in the video but i get 502 Bad Gateway. How can i fix it?

@FlashViolet 7 ай бұрын

Omg, this is exactly what i've been trying to do for a couple of days for now. How did you know? =0

@williamcao5139 7 ай бұрын

hey, i've waited your course a long time. please release it

@user-gq7ed7cp3z 7 ай бұрын

thanks this is clear

@Eventyret 7 ай бұрын

I found that it was expensive i pay 6$ / 5£ for 4 vCPU Cores 8 GB RAM 200 GB SSD 32 TB Traffic* (unlimited incoming) Which is cheaper then what this offering would be.

@Riczerq 7 ай бұрын

It's probably not in the US

@greenlines1208 7 ай бұрын

what do you use?

@jaydeep-p 7 ай бұрын

Which service? 32tb is amazing

@biLLie_wiLLie 7 ай бұрын

Nice! Can you show how to connect a project on the server and git to implement all changes immediately like on Vercel?

@ByteGrad 7 ай бұрын

Good idea

@Chris...S 7 ай бұрын

You use git actions for that

@sharkdeng9253 10 күн бұрын

Good video! But I wonder how to remove port 3000 and add HTTPS support?

@nitecheng 6 ай бұрын

what if we close the terminal window? will the vps "localhost" server still running?

@Leesdjo 5 ай бұрын

Thank you very informative.

@rapelangmathibe8761 4 ай бұрын

After runninng, i can now close the tab?

@OnlyJavascript 2 ай бұрын

can you please show us how to deploy in hostinger vps

@cookieman.19 4 ай бұрын

May I deploy more then 2 projects to 1 VPS by seperating port?

@kakashizet7496 6 ай бұрын

please make tutorial for deploy next js 13 with app router in cPanel.

@M7ilan 7 ай бұрын

Can you make a doc website with NextJS 14 Like NextJS docs? with MDX and colored code, icon, copy code and code path.

@tdombui 4 ай бұрын

why not do it yourself? This is a ridiculous request.

@SuperSniffen 7 ай бұрын

What do I lose from doing this instead of using Vercel? Is there any particular functionality for Next which will not work, such as serverless etc?

@Chris...S 7 ай бұрын

Edge won't work. Using a VPS is really for non scalable apps. For that, it is best to use serverless PaSs hosting

@ThuongHoang-fx5bi 7 ай бұрын

Hi bro, I have a question. How to deploy to VPS without pull source code to server. Can I only copy .next folder and deploy that foldder to server?

@ByteGrad 7 ай бұрын

Yes, that should work too

@nishaanthms 2 ай бұрын

Why i shouldn't use VERCEL HOBBY and host app. what benefit do i get in VPS than VERCEL HOBBY.

@shawnlee5956 7 ай бұрын

althoug the price usd 3+ vs usd 4 this simple server compare can do what alicloud simple application server cant, which is the next js server cant run build in there, something cause the server hdd iops reach peak, can cause os kill the build task. but sadly. asia area dont have server.

@AndersonSilvaMMA 7 ай бұрын

I'm just genuinely curious: you've used Windows in the past, here you're using macOS. Why?

@Smartercow 7 ай бұрын

Do you have to include port 3000 in the DNS?

@maciejziehlke4479 7 ай бұрын

Nope, DNS is not smart enough to understand ports. You need to setup http server (Caddy, Apache, Nginx) on your VPS that will proxy port 3000 to 80 and 443, or run Next directly on port 80 (you'll need to be sudo as this is privileged port) and then use Cloudflare so they'll take care of SSL (you'll need to set SSL/TLS encryption mode to "flexible")

@Smartercow 7 ай бұрын

@@maciejziehlke4479 Okay thanks