Maybe your resolutions for 2022 include reading a book, calling your mom, exercising to burn off your new quarantine baking hobby, or setting up a snazzy new website for your business? One of these tasks doesn't need to be put off until next Monday. And that's the last one. In fact, it's the simplest.
So, let's dive straight into the process.
Step 1: Create a Patr account
All you need to get started is a sign-up on <a href="http://app.patr.cloud">app.patr.cloud</a>.
<img src="/static/images/blogs/blogs/common-images/sign-up.webp" alt="">
<h3>Option 1 — If your application has a backend, then follow this.</h3>
Step2: Create a Docker repository on Patr
Docker has become the preferred way to containerize modern applications and services. <a href="http://app.patr.cloud">Patr</a> provides first-class support for running docker images. We will create a docker registry for your docker images.
For deploying docker images on Patr, first, we need to create a private Docker repository on Patr.
<ol>
<li>Go to Docker Repository -> Create Repository</li>
</ol>
<img src="/static/images/blogs/blogs/common-images/sidebar-docker-repo.webp" alt="">
<img src="/static/images/blogs/blogs/common-images/create-docker-repo-button.webp" alt="">
<ol start="2">
<li>Enter the repository name of your choice, for this example let it be <code>NodeJS</code>.</li>
</ol>
<img src="/static/images/blogs/blogs/how-to-host-a-website-in-2022/fill-docker-repo-details.webp" alt="">
<ol start="3">
<li>Then click Create. Once you copy you can get the docker repo information like repository URL, size etc.</li>
</ol>
<img src="/static/images/blogs/blogs/how-to-host-a-website-in-2022/docker-repo-details.webp" alt="">
Step 3: Create a deployment for your app
Go to Infrastructure -> Deployment -> Create a new deployment on Patr
<img src="/static/images/blogs/blogs/common-images/sidebar-deployment.webp" alt="">
<img src="/static/images/blogs/blogs/common-images/create-deployment-button.webp" alt="">
i. Enter the name as <code>nodejs</code>.
ii. Choose image details as <code>nodejs</code>.
iii. Choose tag as <code>latest</code>.
iv. Choose a region nearest to your location in the dropdown menu.
<img src="/static/images/blogs/blogs/how-to-host-a-website-in-2022/create-deployment-step-1.webp" alt="">
v. Click <code>Next</code>.
Based on your app select the port, env variables or secrets if you have created any. In this tutorial, we would go with port only.
<img src="/static/images/blogs/blogs/how-to-host-a-website-in-2022/create-deployment-step-2.webp" alt="">
Then press next and select the deployment strategy on push or on create, a select the number of replications for the app and select the machine type and then press Create.
You will see a card like this:
<img src="/static/images/blogs/blogs/how-to-host-a-website-in-2022/deployment-deploying.webp" alt="">
<h3>Step 3: Copy Deployment ID</h3>
Within seconds, Patr will make your application live.
<img src="/static/images/blogs/blogs/how-to-host-a-website-in-2022/deployment-running.webp" alt="">
To access your application from your browser, go to manage deployment and click on that create a deployment and copy the deployment-id in the URL.
And you have your deployment-ready!
<h3>Option 2: If your application does not have a backend, then follow this</h3>
Step 1: Deploy your App
You have already reached the first and final step here.
Run the command in your terminal.
npm run build
A build folder will be created in your application, now all we got to do is upload this folder! For that, go to Patr, and head over to Static sites.
<img src="/static/images/blogs/blogs/common-images/sidebar-static-site.webp" alt="">
Click on add new static site
<img src="/static/images/blogs/blogs/common-images/add-static-site-button.webp" alt="">
Name your static site and drag and drop the build folder we just created and click on upload.
<img src="/static/images/blogs/blogs/common-images/file-drag-and-drop.webp" alt="">
After this step, Patr will set everything up for you and your site will be live. And there you have it! Your brand spanking new site is up on the web.
With such an easy deployment process, you can focus more on what you're building rather than getting caught up in some complicated and expensive setup.

How to Host a Website in 2022

Patr takes care of everything,
so you can focus on what really matters.

How to Host a Website in 2022

Patr takes care of everything, so you can focus on what really matters.

Patr takes care of everything,
so you can focus on what really matters.