Deploy your portfolio site from GitHub using Netlify

Prerequisite: You must have a github account


Create project and clone to your local

• Create a github project in github.com
• Clone your code from github cloud to local
• git clone https://username:password@github.com/alexjohn/project1.git
• Git init

Make changes to your code

• Git add . 
• Git commit -m "commit message"
• Git push origin master

Above steps will make you push your local changes to github cloud

Log in to your Netlify account & Click New site from Git

Step 1

Step 2

Select your repository and publish your site

You will be given a random generated URL from Netlify. You can update the replace the URL with  your custom domain name

To map your custom domain name to Netlify site

• Add a A record to your domain in your domain registrar site (godaddy/namecheap)
• A record
• Host @
• IP Address: 104.198.14.52

If your DNS provider does not support CNAME-style resolution for apex domains, you must configure your domain with a single-server A record:

1. Find your DNS provider's DNS record settings for your apex domain, such as petsofnetlify.com.
2. Add an A record. Depending on your provider, leave the host field empty or enter @.
3. Point the record to Netlify's load balancer IP address: 104.198.14.52.
4. Save your settings. It may take a full day for the settings to propagate across the global Domain Name System.

Ref  URL: https://docs.netlify.com/domains-https/custom-domains/

• Add a CNAME Record
• CNAME
• Host WWW
• Netlify domain name

Netlify provides free Letsencrypt certificate

Fore more info see this video - https://www.youtube.com/watch?v=bjVUqvcCnxM