Here I will show the few simple steps I went through to register my new website fortheloveofcircuits.co.uk. To setup the website I used namecheap as a domain registrar and then netlify to host the website through a gitHub repository and as a SSL certificate supplier. Other commonly used services such as goDaddy, cloudflare and gitHub pages can be setup using similar steps but with different menus.
First of all you need to find out where you can find your domain, I find namecheap has the simplest and cheapest domains versus other larger name companies. All you need to do is find your domain name and top-level domain (TLD), these can vary largely in cost but ensure the name is cheap after the first year if you plan to keep the domain for years.
Figure 1: Buying the domain name.
Next you need to setup your domain to point to your website host, this is done by registering your domain with your host who will then supply the name servers to point to to redirect to your website. On netlify this can be found at the top of your website page after being setup labeled register a custom domain which leads to some comprehensible instructions.
Figure 2: Selecting setup custom domain on netlify.
Figure 3: Entering the domain info on netlify.
After registering and getting your services nameservers (usually 2 or 4 of them as seen below), you need to setup the registrar to point to these servers. After navigating to your website on the registrar there should be a section dedicated to nameservers where you can select a custom DNS, after selecting custom you then need to copy these names over into the registrar and you're ready to go.
Figure 4: Netlify nameservers.
Figure 5: Namecheap nameservers setup.
If you would like a more trustworthy site and overall more secure system you will likely need a SSL certificate. Some domains such as .dev and .app actually require a SSL certificate to display a website at all given a requirement for HTTPS to be used. Most sites use cloudflare for their SSL which is a good option for those hosting their site through gitHub pages, Heroku or others that don't offer SSL certificates. Netlify does offer a free SSL service to any website registered on their system so for ease I will be using that. With nelify it is as easy as setting up your site and waiting for the certificate to be issued, this can be seen below.
Figure 6: Netlify SSL certificate confirmation.