Hosting On Netlify
I built a small website for my wife's foot health business, For Fabulous Feet. We needed to keep costs to a minimum as it's a small sole-trader business.
The site was built using Gridsome; a Jamstack framework for Vue.js that creates static sites, we also decided to try hosting on Netlify. This works really well as we already owned the domain name which is kept at Clook.
The process was very easy and quick to set up.
- Build the site locally, in the case of Gridsome its useful to add a netlify.toml file to the root of your website as this aids the build process at Netlify, this add code to the file:-
[build] publish = "dist" command = "gridsome build"
- Next, create a new Github repository, you will need to create a Github account first if you don't already have one and upload your websites files, I use Github Desktop for this, it can be done from the cmd line in also.
- Create a Netlify account and log-in.
- Once logged-in create a new site from your Github repository.
- Select your Github repository using the 'New site from Git' button and let the magic happen.
- If your website is successfully built it will be given a random nelify.app domain name, simply go to the Site Settings and make any changes you require here.
- You can go to domain settings and add your domain name, rather than the one ending in netlify.app, this will then give you the correct DNS values to change at your host.
- That's it you should now have a shiny new website up and running.
If you have a contact form on your website you can use Netlify's in-built form handling processing, the form is built using the html examples provided (this can be modified to suit your needs), Netlify then handles the form submissions, checking for spam, and then emails the form details to any email address, the documentation is easy to follow and the process works.
All in all, a very simple and cost effective way to build and host a website, I recommend giving it a go.