Chak.DX
Chak.DX/
Host
Host
Search
Host

Host

GeneralStepsFormsStepsDomain Setup

General

Deployment means to host our site online so that anyone on the internet can access the website
  • Using GitHub to store code. GitHub is a platform to store git repositories
  • Using Netlify or Cloudflare Pages for Deployment
  • Cloudflare provides us unlimited bandwidth whereas Netlify gives us more tools built-in like Netlify Forms so choose accordingly

Steps

Create a free account on Netlify (GitHub Signup Preferred)
Create a free account on Netlify (GitHub Signup Preferred)
Choose git host provider
Choose git host provider
We need to change the build settings in case we are using a framework or build tool
We need to change the build settings in case we are using a framework or build tool

Forms

  • Form is a dynamic functionality that allows our site to have submissions
  • For this we either need to setup a backend ourselves or use an external service such as FormSpree
  • Netlify supports forms built-in, so we don’t need to add any third-party service

Steps

  1. Enable form detection
      2. Go to site settings and then forms and enable form detection
      Go to site settings and then forms and enable form detection
  1. Add the netlify and name attribute in our starting form tag. All the input tags also need to have the name attribute
  1. It will now show us all the form submissions inside our Netlify Dashboard
      2. notion image

Domain Setup

  1. Domain is the name of our website like website.com we need to purchase this from a Registrar like GoDaddy or Namecheap
  1. Now after purchasing the domain we need to change the Domain Name Servers (DNS) that points our domain to our hosting provider (this is provided by our hosting provider like Netlify or Cloudflare)
  1. Netlify Nameservers
notion image
  1. Changing DNS records in Namecheap
notion image
  1. Voilla! This connects our site with the domain and now our site will be accessible via our domain directly 🐵
does pages.dev still takes time? 🥲