Netlify

How to Set Up Netlify

1. Visit the Netlify Website: Go to the official Netlify website at https://www.netlify.com/. Netlify Homepage

2. Click on “Sign Up” and select sign up with email: You will be directed to a sign-up page where you need to provide your email address and create a password. Alternatively, some services allow you to sign up using your GitHub, GitLab, or Bitbucket account. Netlify Signup Page

3. Verification: After submitting your information, you may need to verify your email address. Check your email for a verification message from Netlify and follow the instructions to complete the verification process. Verify

4. Login: Once your account is verified, you can log in to your new Netlify account using the email and password you provided during the sign-up process. Login


Connect Netlify to Github Project

Prerequisites:

Steps:

  1. Log in to Netlify Go to https://www.netlify.com/ and log in to your Netlify account.

  2. Navigate to Sites page, click on Add new Site and select on “Import an existing project” Import an existing project

  3. Click on “Deploy with Github”: On the Netlify dashboard, click on the “New site from Git” button. If you haven’t connected Netlify to your GitHub account before, you’ll need to authorize the integration. Follow the prompts to authorize Netlify. Select Github

  4. Select Your Repository: After authorization, Netlify will present a list of your GitHub repositories. Choose the repository that you want to connect to Netlify and deploy. Select Repository

  5. Configure Your Settings:
    • Site name Input site name you want to give to your website.
    • Branch to deploy Choose the branch you want Netlify to deploy
  6. Click on “Deploy [Your Site Name]” button After configuring your settings, click on the “Deploy Site” button. Netlify will start the deployment process.

  7. Website will be deployed and can be accessed with the site name Deployed

Github Deployment

  1. Create new branch git checkout -b [branch name]
  2. Add new updates git add . Check the status that changes ready to be committed with git status alt text
  3. Commit changes with git commit -m "[comment]"
  4. Push git push --set-upstream main branch-test
  5. Create and merge Pull Request
    • Open Github to check new Push New Push
    • Create Pull Request Create PR
    • Merge Pull Request Merge PR
  6. Netlify will automatically detect any PR merged to deploy branch (main) and will deploy the new updates.

Connect Custom Domain and DNS

Prerequisites:

Steps:

  1. Go to Domain page From Netlify Dashboard, go to Domains page, then click on “Add or register domain” or access through this link register domain on netlify
  2. Choose Domain Input domain name that you already purchased from a domain provider, verify, then click Add domain. Add domain
  3. Add DNS records Click Continue
  4. Activate Netlify DNS On the last step, you will be given DNS Netlify. DNS Netlify Add DNS servers to your domain Activate DNS
  5. Your DNS will be activated and your site will be hosted in Netlify in 24 hours.