Deploy your Next.js app to a VPS (EASY!)
Вставка
- Опубліковано 1 чер 2024
- #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
UA-cam: @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
Get one month of VPS FREE at hivelocityinc.net/3SfVjnB. Use code BYTEGRAD1 at checkout.
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
You just explained the devops job
@@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.
wow, this plan is awesome
Actually easypanel does it for you
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!
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.
I use CloudPanel it makes it easy to setup most that as well as mysql db
You should give Kamal a try
@@Rahman-xm7zm maybe use the Vercel and avoid all this crap
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.
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
I was hoping for a CI/CD pipeline with Github which is crucial for this kind of deployment. However, nice video
This is incredibly useful and so easy to follow. Thank you.
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.
Very nice video thank you. One cuestion is working with dinamics routes?
Thank you for this! Do you have a video for Digital Ocean? for nextjs with a custom servers too? Thank you!
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?
Thanks for this video! Should you than also install your database on the same VPS?
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.
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.
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.
It's probably not in the US
what do you use?
Which service? 32tb is amazing
you can do AWS Amplify as well
very useful tutorial, thanks a lot
Where is this NextJS + React course? I need it asap. Do you have an ETA when it's ready?
Okay wtf how did you just post this after 2 weeks of me struggling to deploy on a VPS 💀💀
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...
All that can be easily setup with CloudPanel which is like cpanel but open source.
I am once again asking when will the nextjs course be ready? I'll be the first one to buy it !🙌
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?
Wow I was just thinking about this exact topic yesterday!
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.
After runninng, i can now close the tab?
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
Nice! Can you show how to connect a project on the server and git to implement all changes immediately like on Vercel?
Good idea
You use git actions for that
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?
please make tutorial for deploy next js 13 with app router in cPanel.
Why i shouldn't use VERCEL HOBBY and host app. what benefit do i get in VPS than VERCEL HOBBY.
hey, i've waited your course a long time. please release it
Brilliant, thank you!
what if we close the terminal window? will the vps "localhost" server still running?
can you please show us how to deploy in hostinger vps
May I deploy more then 2 projects to 1 VPS by seperating port?
Omg, this is exactly what i've been trying to do for a couple of days for now. How did you know? =0
wow, this is really helpfull, thanks!
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?
Edge won't work. Using a VPS is really for non scalable apps. For that, it is best to use serverless PaSs hosting
informative video...thanks.
thanks this is clear
Thank you very informative.
Can you make a doc website with NextJS 14 Like NextJS docs?
with MDX and colored code, icon, copy code and code path.
why not do it yourself? This is a ridiculous request.
I'm just genuinely curious: you've used Windows in the past, here you're using macOS. Why?
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.
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?
Yes, that should work too
Do you have to include port 3000 in the DNS?
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")
@@maciejziehlke4479 Okay thanks
4 dollors for the first one is cheap i pay for the same 8 but unfotunatly it only has us locations
Soon they will have locations outside US too!
OVH it's also good :)
I can't just upload my app, I have to give the gods at Git my money because I might be too stupid?
hola contavo server tiene mejores vps jajaj