> For the complete documentation index, see [llms.txt](https://info.techup.live/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://info.techup.live/admin-instructions/tooling-and-software/render.md).

# Render

## Creating a Render account

{% hint style="info" %}
Create a GitHub account first if you haven't already done so. Instructions on how to create a GitHub account can be found on this page [GitHub](/admin-instructions/tooling-and-software/github.md).
{% endhint %}

### 1. Go to <https://dashboard.render.com> and click on GitHub. (<mark style="background-color:red;">DO NOT CREATE AN ACCOUNT VIA OTHER OPTIONS</mark>)

<figure><img src="/files/zJCfqpxnPjgyV4aL1hpO" alt=""><figcaption><p>Click on GitHub (Do not click on other options)</p></figcaption></figure>

### 2. Authorise Render

<figure><img src="/files/dUMvnprJ2Fo5g4XZUfNh" alt=""><figcaption><p>You will be redirected to GitHub, click on Authorise Render</p></figcaption></figure>

### 3. Enter your email address and click Create Account

<figure><img src="/files/cZ6BLEj2eaIlzSXCVws9" alt=""><figcaption><p>Enter your email then click Create Account</p></figcaption></figure>

### 4. Verify your email but clicking the link sent to your email address

<figure><img src="/files/8StlYybJRgLIk8MvO8zC" alt=""><figcaption><p>You will be directed to this page, go to your email to retrieve the verification link</p></figcaption></figure>

<figure><img src="/files/ekfZoVUriNVyuNPnLGE8" alt=""><figcaption><p>Click on the link in your email to verify your email</p></figcaption></figure>

### 5. Fill up the form and click on Continue to Render

<figure><img src="/files/aJZHAcvJa1lvhavBaX0R" alt=""><figcaption><p>You will be redirected to this page after clicking the verification link. Fill up the form and click on Continue to Render</p></figcaption></figure>

### 6. Congrats! You now have a Render account created!

<figure><img src="/files/LxJIIV7ANS2gGmqWI5Fy" alt=""><figcaption><p>🎉 You now have a Render account!</p></figcaption></figure>

## Deploying my Website (without a Backend)

### 1. Open Render Dashboard (<https://dashboard.render.com>) and click on New Static Site.

<figure><img src="/files/Lo7qt5nOq6HzUcZlvRM1" alt=""><figcaption><p>Click on New Static Site</p></figcaption></figure>

### 2. Connect to your repository

<figure><img src="/files/dIHe2isoaxcYXQdkV8u1" alt=""><figcaption><p>Click on Connect</p></figcaption></figure>

### 3. Set the publish directory to "." and click Create Static Site

<figure><img src="/files/rCbkuhLojFyRXsInDWrg" alt=""><figcaption><p>Set publish directory to "." and click Create Static Site</p></figcaption></figure>

### 4. Congrats, your website should now start building and successfully deployed!

<figure><img src="/files/mnXlmqxniypteey7FMkJ" alt=""><figcaption><p>You website is now deployed!</p></figcaption></figure>

## (Optional) Deploying my Web App with a NodeJS Backend

### 1. Open Render Dashboard (<https://dashboard.render.com>) and click on New Web Service.

<figure><img src="/files/1DDTYp5IvvdjRsffqFrf" alt=""><figcaption><p>Click on New Web Service</p></figcaption></figure>

### 2. Select Build and deploy from a Git repository then click Next

<figure><img src="/files/d1Z3dqYuAV5rjrZAeIca" alt=""><figcaption><p>Click next once you have selected the Git repository option</p></figcaption></figure>

### 3. Connect to your GitHub Repository

<figure><img src="/files/zJmeKrDbaZ6XAcyYECIW" alt=""><figcaption><p>Select the repository for your NodeJS application and click connect</p></figcaption></figure>

### 4. Enter the Build and Start Command for your application (the screenshot assumes your routing filename is server.js)

<figure><img src="/files/PLxts9WoMmqiYvDPY45p" alt=""><figcaption><p>Enter the build command of "npm install" and start command of "node server.js" or "node app.js" if your filename is app.js</p></figcaption></figure>

### 5. Change the Instance Type to Free then click Create Web Service

<figure><img src="/files/j97xpEFlcgPIPWFQHkfv" alt=""><figcaption><p>Select the Free tier then click on Create Web Service</p></figcaption></figure>

### 6. Your application is now successfully deployed!

<figure><img src="/files/GdufVVLwKxwYwrHQLo4N" alt=""><figcaption><p>Success!</p></figcaption></figure>

{% hint style="info" %}
Refer to [Sample Web App](/programme-essentials/sample-web-app.md) if you are looking for instructions on how to deploy a Postgres Database on Render.
{% endhint %}
