The BEST way to host Next.js websites

Рет қаралды 57,797

Күн бұрын

Пікірлер: 73

@benjamingoller6267 7 ай бұрын

Within a few videos that I watched from you, you have become my favourite tech youtuber. Your content is well-structures, concise and insightful. I love the practical yet deep insights you are giving on Next JS and adjacent technologies. Thanks!

@ByteGrad 7 ай бұрын

Thanks!

@VaurionX 7 ай бұрын

Another great video. I think a lot of new developers are afraid to self-host, but they don't realize that learning Linux and Docker sets you up for the future. It's also helpful because PaaS vendors tend to raise prices and try to lock you in over time. Self hosting is wonderful, because you can take your Docker container to another host in minutes. Bare metal is bare metal, your container will work anywhere.

@puzzleetpuzzles7951 3 ай бұрын

A lot of new developers don't understand that Time = Money. And if you start from building html website, after that you became react developer, after that you started to learning back end. After that you decided that you need to learn linux docker and containers and after that cybersecurity.... And after that you havent shipped anything. Gave up and failed.

@dae2530 2 ай бұрын

Let's be honest. If your website has no visitors, self-hosting is the way to go. It's really cheap :]

@mohammadshariarparvez669 2 ай бұрын

@@puzzleetpuzzles7951I'm sorry, could you please tell me why failed? I know frontend and basic backend. Now wanna deoploy my web. so Decided to learn OS and more you mentioned. Is it the wrong way?

@rogerscript 2 ай бұрын

@@dae2530but if your website has no visitors the hobby plan (free) on Vercel would be better than a VPS, right?

@davidwserber 7 ай бұрын

Hi Wesley, just wanted to drop a note to say that your react course is fantastic so far! I'm excited to get to the Next.js portion of the course! Thanks for all the great content!

@ByteGrad 7 ай бұрын

Hi, that’s great, enjoy!

@swastikpatel234 7 ай бұрын

Really valuable knowledge , have been following you since a long time and you never disappont , really awesome content

@xelion7110 7 ай бұрын

well i'm already suffering with aws Amplify for 6 months and i wanna mention some stuff there security (ddos attacks for example) and scaling i don't know if i could manage VPSs very well at a large scale with zero down time, thanks for the video by the way 😊, and i would be glad if anyone could give me some suggestions.

@meal_team_six 7 ай бұрын

Wow! Never cease to amaze! By far the best tech youtuber. Sincerely appreciate your content. Keep up the good work!

@calvincrane Ай бұрын

Thanks for the video. When doing a DNS setup for the ip address so you can use a TLD how do you do that with a port? TY

@brunodepaula5293 7 ай бұрын

You can host it on lambda functions, which is extremely cheap...and you can leveragrle nextjs server side processing.

@X-Saikat-93 7 ай бұрын

SST whooooo🕊️🌀

@dmnkb 7 ай бұрын

Great tutorial! Thanks for sharing! Is there any benefit of building the docker image locally over building it directly on the VPS on every push (triggered by a webhook / GH action)? This is how I used to do it, but I'm wondering now if I'm missing out on anything compared to your approach. Also, would be great if you could cover SSL auto renewal in another view… Thank you so much!

@domson_0478 7 ай бұрын

1:37 That was not a server action. You forget to add "use server" at the top, so it worked as normal server side function

@ByteGrad 7 ай бұрын

Nice catch! It doesn't make a difference in the results though.

@rinaldolanza138 2 күн бұрын

Thank you very much for this wonderful summary and overview.

@guenhyoungpark6197 7 ай бұрын

Awesome tutorial! Does Docker Next.js deployment option support for using “edge-runtime” API when deployed on VPS? I heard it uses Cloudflare Workers API in the background.

@BilalAmin-v5z 7 ай бұрын

Thank you for the wonderful tutorial, please consider deploying without docker in your next video. Best wishes!

@hausgaming 7 ай бұрын

I'm wondering how PPR would work with self-hosting? A static shell of a page generated build time would be served from a CDN close to the user, and stream the dynamic content on-demand from the server. Any idea how that would work?

@domson_0478 7 ай бұрын

Probably it would be a little different. In your case some way of combining parts received from CDN and other received from server should be included. It would be a simple js file to do this. But it requires client to run it and wait. So PPR would be more like that: Client makes request and server starts processing it. Some parts of requested page would be prerendered at build time so server will keep it in memory. During request server will take that parts from memory and include them it the response. Rest of the content that is dynamic would be rendered and streamed to the client (which will already have static content visible in browser). So we save time beacuse we used that static prerendered content from memory

@marcusdillgen 6 ай бұрын

👋🏼Hey, another great video. I would like to see a more detailed look at the supported Next.js features. What about self-hosting on a VPS with middleware? i18n Routing is where I feel a bit lost so far. AWS Amplify for example does not support middleware with Next 14 yet. The ISR setup would also be interesting. Otherwise, as I said, great overview. Thanks

@Suz4n650 7 ай бұрын

Amazing videos ! Something weird though, i have an issue with sharp doing the exact same steps for building the docker image ... Error: 'sharp' is required to be installed in standalone mode for the image optimization to function correctly. It's killing me ahahaah

@joaoarthurbandeira 7 ай бұрын

Great video, as always! What if i have a separate backend, say in Django Rest Framework from my Nextjs Frontend, how could i do it? Could you show us how could we deploy them together and maybe also separately? Could we dockerize them together and deploy them on a self-hosting platform like hostinger/heroku? And, if separately, could it be something like the frontend in hostinger and the backend in heroku? Many thanks, you are truly one of the best, keep it up!

@ChebsAli 3 ай бұрын

I think we could use docker-compose to build the apps(microservices) as different containers that can talk to each other. This of course would be happening on the VPS

@algnadjib 7 ай бұрын

After building the app Can you serve static pages from a CDN and dynamic pages from a dynamic server at the same time?

@domson_0478 7 ай бұрын

This is interesting. I host my projects on VPS. One of them uses ISR on home page (revalidates every hour). Also there is cloudflare CDN used, but during every request for this home page still full request is needed. This is fairly simple. Client needs to check if page was revalidated or not. But the rest of assets (like js or css) are servered from CDN. Getting to the point. I don't really know how it work with fully static pages. I am going to test that. It will really depend on Next.js and which http headers are set

@SoftwareWrangler 7 ай бұрын

what about SSL, how to set it up with docker on the Hostinger?

@FaysalBDev 2 ай бұрын

this was very informative, thank you

@ahmedalsagir 6 ай бұрын

Thank you .Totally useful 👍

@neoswann2143 6 ай бұрын

Can you do a video on using coolify to host our Next JS Applications?

@Vagabondi404 5 ай бұрын

Alright take my affiliation money, you deserved it

@bugignat 4 ай бұрын

amazing! thanks for your guides

@404-not-found-service 7 ай бұрын

thanks your video

@C9Sid 7 ай бұрын

I also wanna know which database is better with next js

@domson_0478 7 ай бұрын

You can choose any database you want. Db should be selected based on project requirements. However, any database should work properly with next.js as good as it works with node.js (it is the same). Only choose proper ORM (many of them support multiple kind of db's)

@gubocci 7 ай бұрын

Tell me you don't have a slightest clue what you are doing without saying it...

@C9Sid 7 ай бұрын

@@gubocci Currently I am using MongoDB, but vercel provides us an option for Postgres SQL. That’s why I am confused a bit.

@domson_0478 7 ай бұрын

@@C9Sid Yes, Vercel also offers PostgreSQL, but you don't have to use it. You can use what you want

@C9Sid 7 ай бұрын

@@domson_0478Thanks man 👍

@jitxhere 7 ай бұрын

11:10 correct me if I am wrong but does ISR works when self deploying??? I think its a platform feature

@ivan.jeremic 7 ай бұрын

ISR is nothing special and it has been proven that you don't need it, SSR + Caching has same speed as static

@domson_0478 7 ай бұрын

It simply works. It is nothing different than storing rendered page in memory. Nothing special. Then when it's needed server serves it and revalidate sometimes.

@sagarchavan973 Ай бұрын

What if I want to host multiple domain apps on the same vps hosting account

@paulolinks1 2 ай бұрын

I'm using Appwrite as Database, Should I upload the .env.local file in the VPN to run my app?

@yuvalshalom9106 3 ай бұрын

Hi! hope you will be able to answer me :) I have hosted my Next.js project on Vercel, but I'm encountering issues with the SQL server database. I keep receiving an error message stating that I'm unable to make requests to the Vercel project due to IP address restrictions. Do you know how I can resolve this issue?

@parannoy 7 ай бұрын

Where does something like Google Cloud Run fall into this picture?

@adnanamin3666 7 ай бұрын

Your explanations are well thought out and on point. Everytime I have something to learn, and I come here, I don't get lost in all those unnecessary technical jargons that I actually don't need to get something done. Love your approach to solutions and much respect for the effort you put into these videos for the community. Super amazing! Bless you!! 🫡

@muratkagan4260 7 ай бұрын

what about security ? If a Nextjs app is deployed on a VPS, how must security be done as equal to Vercel deploy ?

@xelion7110 7 ай бұрын

i'm not sure what do you mean but if you talking about ddos attacks for example Cloudflare would your choise or AWS WAF if you are using aws and you wanna keep everything in one place

@muratkagan4260 7 ай бұрын

@@xelion7110 i mean which security measures must be taken on a VPS ? cloudflare for DDOS attacks is ok. other measures ?