Self-Hosting Simplified: Installing Coolify on a VPS + NextJs Deployment

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ก.ค. 2024
  • This video will explore Coolify, an open-source and self-hostable Heroku/Netlify/Vercel alternative. Coolify enables you to launch static websites, API’s, backends, databases, services and other types of applications.
    There are several reasons why you might want to use Coolify such as:
    Ease of deployment, self-hosting, open source, multi-environment support, integrated services, simplified management, ci/cd integration, docker support and it can be cost-effective.
    I'll guide you through selecting and creating a VPS, installing Coolify, and setting up a NextJs 14 website with a custom domain, SSL and continuous deployments.
    ☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
    Chapters:
    ◾ 0:00 Introduction:
    ◾ 0:27 VPS Setup
    ◾ 6:00 Install Coolify
    ◾ 13:06 Deploying NextJs Website
    Recording Equipment:
    ◾ Microphone: amzn.to/3uX0yvP
    ◾ Shotgun Mic: amzn.to/3aRsSJb
    ◾ Camera: amzn.to/3IMumkx
    ◾ Lens: amzn.to/3ARxvh8
    ◾ Lighting: amzn.to/3PBetj2
    Computer Gear:
    ◾ Keyboard: amzn.to/3RCXRcC
    ◾ Headphones: amzn.to/3aIvskX
    ◾ Mouse: amzn.to/3VfVuxO
    Connect with me:
    ◾ Website: www.raddy.dev
    ◾ Newsletter: www.raddy.co.uk/newsletter
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 68

  • @marksto6581
    @marksto6581 4 วันที่ผ่านมา

    I must admit, this is the most thoroughly details Coolify installation tutorial out there on TH-cam, and I've seen A LOT of these recently. Thx for your dedication, @RaddyDev! Cheers!

    • @RaddyDev
      @RaddyDev  วันที่ผ่านมา

      I appreciate the comment; thank you!

  • @RaddyDev
    @RaddyDev  หลายเดือนก่อน +15

    I tested Coolify for a few weeks, and I can confirm that the name checks out. Highly recommend giving it a try.
    *** Update: I wanted to mention that adding WAF protection is worthwhile. You can route your Coolify domain through Cloudflare and utilize their free WAF protection at a minimum.

    • @Its-InderjeetSinghGill
      @Its-InderjeetSinghGill 29 วันที่ผ่านมา

      Can you teach us how to add WAF protection? That would be really helpful. Thanks for your efforts by the way.

  • @naylord5
    @naylord5 หลายเดือนก่อน +7

    This is exactly what I was looking for!
    Thank you so much for sharing such a useful tutorial mate.
    Cheers! 🔥🔥

  • @WarchantUA
    @WarchantUA หลายเดือนก่อน +3

    One addition: do not forget to update the password for coolify instance after you've set up HTTPS, because the first time you registered it was sent over HTTP and it is 100% logged somewhere in between your machine & hetzner instance.

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      That's a valid concern, thank you. If you set it up in public place, like a coffee shop where network traffic might be monitored, that could be a problem.

  • @sovanchheang170
    @sovanchheang170 หลายเดือนก่อน +5

    Perfect Raddy, you got 5 Stars. Thank you so much

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      I appreciate it, thank you!

  • @josemamontano3617
    @josemamontano3617 หลายเดือนก่อน +1

    Amazing video! Thank you very much Raddy!

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      Glad you liked it!

  • @genericframes
    @genericframes 6 วันที่ผ่านมา

    Perfect! Everything works, thanks!

  • @RazCodes404
    @RazCodes404 13 วันที่ผ่านมา

    really enjoyed watching this tutorial, thanks for sharing

    • @RaddyDev
      @RaddyDev  13 วันที่ผ่านมา

      Appreciate the comment, Raz! Thank you

  • @twxq834
    @twxq834 หลายเดือนก่อน

    Amazing tutorial. Thank you

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      Glad you enjoyed it!

  • @ojvribeiro
    @ojvribeiro หลายเดือนก่อน

    Hi! Can you make a video on how to setup Deployment Previews?

  • @AbijithB-ne1ln
    @AbijithB-ne1ln 29 วันที่ผ่านมา +1

    django website hosting using coolify

  • @djfoo000
    @djfoo000 หลายเดือนก่อน +4

    Can you also show in your next videos how to set up a publicly-accessible postgres instance hosted on coolify? Maybe also set up a domain name pointing to that postgres instance using cloudflare tunnel or something so that the connection string doesn't have to depend on a static IP address? I've tried and couldn't get it to work.

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      I haven't tried setting up a tunnel, but the publicly-accessible Postgres worked for me. I had to open port 5432 and check the "make it public" option. Is that not working for you?

  • @TexmerYT
    @TexmerYT หลายเดือนก่อน

    AWESOME TUTORIAL , it was soo helpful just a quick question what about serverless, can you have a similar DX with coolify as for example in vercel?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน +1

      In my opinion, Vercel's DX is superior. They make deploying, debugging, and monitoring your application incredibly easy. There's no need to worry about server configuration, security, or scalability. Naturally, these benefits come at a cost.
      Coolify isn't serverless, but there are other options that you might want to explore like SST and AWS Amplify. SST is more technical, whereas Amplify offers a user experience somewhat similar to Vercel's.
      Currently, I use Coolify for most of my projects and find it quite nice. However, I wouldn't personally put a big client on it.

  • @AnthonyCandaele
    @AnthonyCandaele หลายเดือนก่อน +1

    thanks for this very instructive video. So if I got it right, you should register a domain name for the Coolify instance, and then register domain names for every app running on this instance?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน +1

      Thank you, I appreciate it. Yep, that's it. This way you can easily create websites with subdomains and also enables you to set up preview deployments for testing. Forgot to mention that it might make it easier to add WAF protection from platforms like Cloudflare.

  • @hamza_jazayri
    @hamza_jazayri หลายเดือนก่อน

    Great Video Raddy!, can you explain how to build shopify app.

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน +1

      Thank you! I don't have much experience building Shopify apps. I've only used liquid once to build a basic theme. It wasn't fun 😄

  • @lindor94
    @lindor94 หลายเดือนก่อน

    Perfect, this is what I needed to stop feeling paranoid about Vercel.
    Just one question: How can we achieve the same firewall behaviour of what Hetzner offers, but on some other VPS provider that doesn't have the any firewall features, so the firewall needs to be set up manually with something like ufw. But docker exposes the port 8000 even if you block it using ufw. Any idea?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      UTW can be a solution. Have a look at the article "How To Set Up a VPS Firewall?" by scalahosting as it talks about all that

  • @AlessioDiasparra-lx4ns
    @AlessioDiasparra-lx4ns หลายเดือนก่อน

    Hi Raddydev, how can I get Coolify to run locally on a Macbook pro M2 with docker? I am experiencing many problems. Thank you for your content

    • @neofox2526
      @neofox2526 หลายเดือนก่อน +1

      Coolify is only really officially supported on linux systems

  • @justdoitk
    @justdoitk 23 วันที่ผ่านมา

    Nice tutorial, i've tried to put a remix app from shopify and doesn't build, any tips? the remix app has a dockerfile.

    • @RaddyDev
      @RaddyDev  21 วันที่ผ่านมา

      Hard to say what it could be. If you haven't looked already, check out the logs when you deploy. Hopefully that will give you an indication of what it could be

  • @oliversaxon8656
    @oliversaxon8656 หลายเดือนก่อน +1

    is it still possible to use API routes in Next when deploying with Coolify?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      Yeah they work absolutely fine

  • @ricozuares
    @ricozuares หลายเดือนก่อน

    i got a message, that coolify needs some ports for example 8000, When I add it to my firewall its again accessible via the ip. What am I doing wrong?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      Did you apply the firewall settings to your server? That's the only thing that I can think of if you followed along. A bit strange, let me know how it goes and if there is anything i can help with

  • @hawolex2341
    @hawolex2341 หลายเดือนก่อน

    will this auto build if you commit change to Main?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน +1

      Yeah it will auto redeploy the website when you push change to main. You can choose whatever branch you want

  • @user-ik7rp8qz5g
    @user-ik7rp8qz5g หลายเดือนก่อน

    Are system requirements hard or can I still use it on 1 core 1 gb + swap server if needed?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      I wouldn't waste your time trying with less than the minimum requirements. The server will probably crash at some point. Ubuntu itself requires 1GB RAM and 1 vCPU or better.

  • @Epirium
    @Epirium หลายเดือนก่อน

    Can you make video on how to host api endpoints on coolify

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      It would be more or less the same. Let's say that you build your API with NodeJs, then the process of deploying will be exactly the same as the NextJs project

  • @ALVIERIDEVELOPER
    @ALVIERIDEVELOPER หลายเดือนก่อน +1

    Hey Raddy, you said you have three websites running on Droplet(server). How's that possible, when you have just one public ip address. Am i missing something

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      Yep, that's correct, you can host multiple websites on a single server. It works similarly to using Nginx, where you can have many domains point to one server IP. Nginx then handles directing traffic to the correct website.
      Coolify simplifies this process as it acts like a Platform as a service. Like Render and Varcel I guess. You simply create your websites within the platform, point your domain names to hosting IP, and Coolify takes care of everything. This includes routing traffic to the appropriate website, managing SSL certificates, and more

    • @ALVIERIDEVELOPER
      @ALVIERIDEVELOPER หลายเดือนก่อน

      @@RaddyDev I won't lie, I still don't understand. From what you said, You can have many projects(websites) on one server right. How do you configure nginx to redirect to these different websites

    • @belonggame
      @belonggame หลายเดือนก่อน

      @@ALVIERIDEVELOPER Coolify uses Traefik as a proxy server to route traffic; it listens to incoming requests and, based on rules you set (like domain names), directs traffic to the right web service (e.g., React app on port 3000, Angular app on port 4200), acting like a traffic manager to ensure each request reaches the correct website. As for nginx it's more barebone from the get go, but it has a bigger community and you can configure it to your needs.

  • @belonggame
    @belonggame หลายเดือนก่อน +2

    Nice video 👍
    Isn't it faster to just create a CNAME record pointing www to your root domain to simplify Traefik config?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      thank you and I agree with you. It took me a long time to figure out the Traefik redirect. The instructions in the the official documentation didn’t seem work for me

  • @snatvb
    @snatvb หลายเดือนก่อน

    what about ci/cd for branches? is it possible?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      Yeah there is an option for which branch you want to use for deployments and you can always change it

    • @snatvb
      @snatvb หลายเดือนก่อน

      @@RaddyDev I mean automaticly, like on vercel - i create new brach and can see preview after push

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      There is an option called Preview Deployments which does that, but only works with Github. It's disabled by default, so you just need to go to Advanced and tick the box. You can configure the domain as well. Here is what the docs are saying:
      "Preview deployments are a great way to test your application before merging it into the main branch. Imagine it like a staging environment.
      URL Template
      You can setup your preview URL with a custom template. Default is {{pr_id}}.{{domain}}.
      This means that if you open a Pull Request with the ID 123, and you resource domain is example.com the preview URL will be 123.example.com."
      You can also create another website on coolify with a test/development environment and connect it to the branch you want.

    • @snatvb
      @snatvb หลายเดือนก่อน

      @@RaddyDev omg, needs to try. And buy raspberrypi 5 :D

  • @staticalmo
    @staticalmo 27 วันที่ผ่านมา

    I still didn't understand if it has php buildpacks

    • @RaddyDev
      @RaddyDev  26 วันที่ผ่านมา

      You can deploy PHP websites, but it relies on Docker compose for handling the development environment. You could look into some of the articles online on deploying Laravel websites. Maybe that would help clear things up. I haven't deployed any PHP applications on it yet, except for WordPress.

  • @TutoDS2014
    @TutoDS2014 28 วันที่ผ่านมา

    Any way to deploy Wordpress websites?

    • @TutoDS2014
      @TutoDS2014 28 วันที่ผ่านมา

      And SSL, can you generate it on the Coolify?

    • @RaddyDev
      @RaddyDev  28 วันที่ผ่านมา

      There is a one click deploy option and SSL is automatically generated. I made a video on how I migrated pre-existing wp website and that covers the WP installation: th-cam.com/video/wqyHFCu9bFM/w-d-xo.html

  • @Abhishek-fw7oo
    @Abhishek-fw7oo หลายเดือนก่อน

    why redirect to non www version ?

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      It's a personal preference and also helps with split ranking

  • @the_13east
    @the_13east 26 วันที่ผ่านมา

    pls start using dark mode ! we love our eyes even if you dont

  • @draylegend
    @draylegend 24 วันที่ผ่านมา

    why didn't you update & upgrade newly created ubuntu instance? Does the coolify script do it for you automatically?

    • @RaddyDev
      @RaddyDev  24 วันที่ผ่านมา +1

      When I create a new instance on Hetzner, it usually comes up to date. As you SSH there should be a message that the system is up to date as far as I remember. (It's most likely on the video when i ssh). It's still a good practice to manually check and run updates. If I log in now, I am sure that there will be some updates available to install. Coolify doesn't do ubuntu updates and with self-hosting, so you'll have to do the security yourself

  • @haruke4981
    @haruke4981 หลายเดือนก่อน

    coolify v2 ui is so much better

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน

      I haven't used v2, but I do think the UI in v4 could be improved. It's not bad, but there is always room for improvement. With time, it will only get better.

  • @worldhack.1201
    @worldhack.1201 หลายเดือนก่อน

    Copy content from milky

    • @RaddyDev
      @RaddyDev  หลายเดือนก่อน +3

      Hi mate, just wanted to clear up any confusion. My video was posted before theirs, and the content is different too.