Creating a Custom Domain Web Site

Creating a web site or progressive web app with a custom domain is ridiculously easy these days. It’s also very inexpensive.

But First …

Step by Step

Create a www project under custom domain group.

Click on New Project

Enter www for name and URL.

Leave project private. You don’t need web site project repos to be public. This allows you to hide Easter eggs and such.

Click the Create project button.

Now let’s add a simple default index.html page to the project in order to test that it all works. Later we will properly publish something to this location by cloning the www project locally to work on.

Click on the green New File button.

Look for the box to name the file and type in index.html, the standard name for all Web page files.

Find the text area and type in “Hello world” or something. Don’t worry. We’ll be adding more later.

Click the Commit Changes button.

Now we need to verify the project on Netlify.

Open https://netlify.com in a new tab.

Create an account if you don’t have one already. Use GitLab to authenticate.

Click on New Site from Git.

Click on GitLab as provider.

Click on www project.

Scroll all the way down.

Click on Deploy Site.

Change Netlify www project site name by clicking Site Settings.

Click on Change Site Name button.

Change to name matching custom domain as closely as possible. Maybe you leave off the .dev for example.

Test the site by navigating to YOURCUSTOM.netlify.com.

At this point you are ready to point your custom domain at your new custom web site. If you are waiting for your domain you can go ahead and publish stuff while you are waiting.

TODO fix this up, possibly factor out

Add a custom domain to www project on Netlify. 1. Click on Setup Custom Domain. 1. Enter your custom domain address. 1. Click Verify… 1. Click Yes when asked Is it You? 1. Click on Check DNS Configuration. 1. Scroll to Use Netlify DNS. 1. Click on Setup Netlify DNS for … 1. Click on Verify 1. Click Yes when asked Is it You? 1. Verify records listed. 1. Click on Continue. 1. Cut and paste first domain name server. 1. Click Done.

  1. Change Custom DNS on NameCheap pointing to Netlify.
    1. Login to NameCheap.
    2. Click on Dashboard.
    3. Locate your custom domain.
    4. Click on Manage on the right.
    5. Scroll to Nameservers.
    6. Change to Custom DNS.
    7. Paste your nameserver from Netlify.
    8. Create three more nameserver entries.
      1. Increment the numbers 1–4.
    9. Click the green check to save.
  2. Wait about 24 hours for DNS to propagate.
    1. Check back regularly on Netlify for update.
      1. Watch the Custom DNS Configuration.

Enable HTTPS in Netlify when ready.

Test the site by using the new custom domain.

Clone the www from GitLab to your workstation.

Set up an HTML5 Template inside www.

Test the site by using the new custom domain.