Deployment of a Static Site (HTML/CSS) Using render.com and GitHub

Introduction

The following provides information on how to deploy a static site (HTML/CSS) using GitHub and https://render.com/. First, you will need to upload a VS (HTML/CSS) project to GitHub. Then, you will connect the GitHub project from render.com. An example of the deployed code can be found at https://nelsonstaticsite.onrender.com/

Instructions

1. IMPORTANT: The code you are deploying must have a file named index.html. Render does not handles server side includes, so a file named with a .shtml extension (e.g., index.shtml) will NOT work.
2. Upload your project to GitHub using the information available at Uploading a VS Project to GitHub.
3. To deploy your project to render
   1. Sign up to https://render.com/ using GitHub to sign-in.
   2. Select the "+New" option and select "Static Site".
   3. Under "Git Provider" select (from the list you will see below "Git Provider") the GitHub repository you want to host on render.
   4. Provide a name (by default the GitHub repository name is used).
   5. Scroll down and for "Publish Directory" enter a period (.).
   6. Finally, select the "Deploy Static Site" button you will see at the bottom. Eventually you will see a page with the URL of your site at the top.
   7. After commiting changes in GitHub, there will be an automatic deployment in render. You can also select a deployment by selecting (under "Manual Deploy") the option "Deploy latest commit".

Miscellaneous

1. When you log on to render, access the dashboard (https://dashboard.render.com/). To the left, select "Projects" and then to the right, scroll down to find any project you have deployed. If you select the project, you will see to the left "Events" and "Settings". "Events" has all the deployments you have attempted; "Settings" has different project settings.

Web Accessibility