State Parks App: Hosting and Code Management

Previously, we have looked at the plan for the State Parks app and how I used a Google Sheets document as the back-end for the thing.  The next step is to set up a new git repo and hosting.  In an earlier day, I might be spinning up a DigitalOcean or Google Cloud VM but these days, there are services like Render and Heroku where you can just spin up a new web service or static site, attach it to a github or gitlab repository, and let the CI/CD scripts handle deployment of code changes.

For this project, we are going to be using Render and Github.

Step 1:  Create a new github repository

Step 2:  Create a new branch for each version of the site that will be available online

Step 3: Create an HTML file for testing

Step 4: From the Render Dashboard, create a new static site

Step 5: Define what branch / settings the site should have

Step 6: Define a custom domain name

Step 7: Create a CNAME record for the domain

Step 8: Test the new site you created

Step 9: Repeat the above for testing / development domains

Render lets you get much more complicated if you want to add automated testing or code compilation.  We will probably look at adding that later on.  For now, we have wisparks.jws.app and test.wisparks.jws.app and they are attached to the test and production branches of our github repo.

Have any questions, comments, etc?  Feel free to drop a comment, below.

 

[ Cover photo by Taylor Vick on Unsplash ]

Leave a Reply

Your email address will not be published. Required fields are marked *