We build a lot of Web Apps and deploy them on Vercel, Netlify or Render. They are great platforms for deploying Frontend applications. They provide a lot of features like serverless functions, preview deployments, and much more. We just push our code to the repository and they take care of the rest.

It is great for small to medium-sized applications. But what if you want to deploy your Web Apps on your own server? And you want the same features like on push deployment, preview deployments, and much more. That's where Coolify comes in.

What is Coolify?#

Coolify is an all-in one PaaS that helps you to self-host your own applications, databases or many other services without managing your servers, also known as an open-source & self-hostable Heroku, Netlify, Vercel alternative.

Sounds cool, right? There is much more. 🥳

Coolify Key Features

• Git Push Deployment: Deploy your applications by just pushing your code to the repository.
• Language Support: Supports multiple languages like Node.js, Python, Ruby, Go, etc.
• Any Server: You can deploy your applications on any server like AWS, DigitalOcean, Linode, etc.
• SSL: Coolify provides SSL certificates for your applications and auto renews them.
• Monitoring: Monitor your applications with Coolify and get insights and notify you if something goes wrong.

There are many more good features that Coolify provides. You can check them out on their Docs.

Setting up AWS EC2#

First, we need to set up an AWS EC2 instance. If you already have an EC2 instance, you can skip this step.

You can login to your AWS account and create an EC2 instance. You can follow the below video to create an EC2 instance.

Now we need to setup security groups for our EC2 instance. It is needed to open ports for our application to run as Coolify run default on port 8000. You can follow the below video to setup security groups.

IndexedDB in Recat using Dexie.js

IndexedDB is a low-level API for client-side storage of significant amounts of structured data, including files/blobs. It helps to store data in browser which can be used even in offline mode.

Read Full Post

Installing Coolify on EC2#

Now To install Coolify on your EC2 instance, you need to SSH into your EC2 instance. You can click on the connect button on your EC2 instance and follow the instructions to SSH into your EC2 instance.

Once you are in your EC2 instance, you can run the below command to install Coolify. But before If you have just setup you instanceof, it's always good to update your server.

sudo apt update
 
sudo apt upgrade
 
sudo curl -fsSL https://cdn.coollabs.io/coolify/install.sh | bash

It will setup Coolify on your EC2 instance. And you can able you access Coolify on your EC2 instance IP address on port 8000. For example http://your-ec2-ip:8000.

Once you open your EC2 instance IP address on port 8000, you will see the Coolify dashboard where you have register first. You can register with your email and password.

Coolify Register

Once you register, you can simply skip the onboarding process and you will see the Coolify dashboard.

Now You can click on Porject Tab and and click on + Add button to create new porject where you can fill Porject and a description and click on Continue button.

Now you will see there will be default Production environment created for you. And also we want production environment so we can click on that and clcik on Add New Resource button.

Coolify

As you can see here we can choose many services as per our need. But here we are going to deploy Next.js app and want to connect with our GitHub repository. So we can choose Public Repository.

You can fill your repository URL and click on Check Repository button. and then it will auto fill the repository details and you can click on Continue button.

After all this process we can now finally able to setup our App. To deploy our app you can see the the Deploy button on the top right corner. You can click on that and it will start deploying your app.

Coolify Project

Here you can configure all the other things you need like environment variables, custom domains, monitoring, etc. After successful deployment, you can visiit to Domain provided by Coolify and you will see your Next.js app running.

Auto Deploy on Push#

Coolify provides a feature to auto-deploy your application on push. You can enable this feature by going to the project settings and click on Webhooks tab. Here you can see the webhook URL that you need to add to your GitHub repository.

You need to click on WebHook configuration on Github button and it will redirect you to GitHub. You can add the webhook URL which you can get from above input on coolify and add it to your GitHub repository. also you need to add Secret which can be anything you want. But it should be same on both side.

Github Webhook

After adding the webhook now you all set for auto deploymnet on push on selected branch. You can test it by pushing some changes to your repository and you will see the deployment on Coolify Project Deployment tab. You can see the logs and status of the deployment.

Conclusion#

Coolify is a great platform to self-host your applications. It provides a good UI which is easy to use and help to manage you application easily. As we are seeing multiple incident of data breach and paymnet issue on platform like Vercel and Netlify. It is good to have your own platform where you can manage your application and data.

We can deploy our Database for ur any application be it backend or frontend or any framework. Coolify is a great platform to manage all your applications and services.

I hope you like this article. If you have any questions or feedback, feel free to comment below. Happy Coding! 🚀