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

Подписаться 131 тыс.

Просмотров 30 тыс.

50% 1

#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
RU-vid: @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

Опубликовано:

28 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 82

@ByteGrad 8 месяцев назад

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

@ahmedjaber8595 8 месяцев назад

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 8 месяцев назад

You just explained the devops job

@ahmedjaber8595 8 месяцев назад

@@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 8 месяцев назад

wow, this plan is awesome

@Eventyret 8 месяцев назад

Actually easypanel does it for you

@nmastroianni 8 месяцев назад

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 8 месяцев назад

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 8 месяцев назад

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

@Rahman-xm7zm 7 месяцев назад

You should give Kamal a try

@alainportant6412 29 дней назад

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

@ilirbajrami2902 8 месяцев назад

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

@saralightbourne 8 месяцев назад

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

@CloudieDev 7 месяцев назад

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

@gadgetboyplaysmc 8 месяцев назад

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

@favanzzo 8 месяцев назад

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.

@zaritzki 2 месяца назад

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

@user-mo8fi6lk2w 4 месяца назад

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

@maciejziehlke4479 8 месяцев назад

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 8 месяцев назад

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

@TomaszTomczuk 8 месяцев назад

you can do AWS Amplify as well

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

@Showmatic 8 месяцев назад

Wow I was just thinking about this exact topic yesterday!

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

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

@AnthonyCandaele 2 месяца назад

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

@JohnMcclaned 7 месяцев назад

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

@rezakhani8627 5 месяцев назад

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.

@NewsIdeasInnovation 7 месяцев назад

Brilliant, thank you!

@sharkdeng9253 20 дней назад

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

@filix6360 2 месяца назад

informative video...thanks.

@nishaanthms 3 месяца назад

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

@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 !🙌

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

@kakashizet7496 6 месяцев назад

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

@NOTHING-en2ue 29 дней назад

very useful tutorial, thanks a lot

@williamcao5139 8 месяцев назад

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

@OnlyJavascript 3 месяца назад

can you please show us how to deploy in hostinger vps

@akbarnafisa4969 8 месяцев назад

wow, this is really helpfull, thanks!

@FlashViolet 8 месяцев назад

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

@biLLie_wiLLie 8 месяцев назад

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

@ByteGrad 8 месяцев назад

Good idea

@Chris...S 8 месяцев назад

You use git actions for that

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

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

@Leesdjo 5 месяцев назад

Thank you very informative.

@ardianhotii 8 месяцев назад

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

@user-gq7ed7cp3z 7 месяцев назад

thanks this is clear

@Eventyret 8 месяцев назад

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 8 месяцев назад

It's probably not in the US

@greenlines1208 8 месяцев назад

what do you use?

@jaydeep-p 8 месяцев назад

Which service? 32tb is amazing

@rapelangmathibe8761 4 месяца назад

After runninng, i can now close the tab?

@M7ilan 8 месяцев назад

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.

@shawnlee5956 8 месяцев назад

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.

@cookieman.19 4 месяца назад

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

@nitecheng 7 месяцев назад

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

@SamyarBorder 8 месяцев назад

4 dollors for the first one is cheap i pay for the same 8 but unfotunatly it only has us locations

@ByteGrad 8 месяцев назад

Soon they will have locations outside US too!

@SuperSniffen 8 месяцев назад

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 8 месяцев назад

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 8 месяцев назад

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 8 месяцев назад

Yes, that should work too

@AndersonSilvaMMA 8 месяцев назад

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

@iSnakeBuzz 8 месяцев назад

OVH it's also good :)

@Smartercow 8 месяцев назад

Do you have to include port 3000 in the DNS?

@maciejziehlke4479 8 месяцев назад

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 8 месяцев назад

@@maciejziehlke4479 Okay thanks