• Push to GitHub:
• Register/Login on Github
• Create a new repository https://github.com/new

Locally:

• Update .gitignore and add .env

Initial Setup:

• git init
• git add .
• git commit -m “Your commit message”
• git branch -M main
• git remote add origin <repository_link>
• git push -u origin main

About ‘LF will be replaced by CRLF’ warning during add, Info: https://stackoverflow.com/a/63430105/7846238 Solution: git config --global core.autocrlf false

Now, whenever you need to push changes on the main branch,

• git add .
• git commit -m “Your commit message”
• git push origin main

Create a dev branch to save development changes,

• git checkout -b dev
• git add .
• git commit -m “Your commit message”
• git push -u origin dev

Now, whenever you need to push changes on the dev branch,

• git add .
• git commit -m “Your commit message”
• git push origin dev

Merge changes from dev to main whenever changes are final for production,

• git push origin dev
• git checkout main
• git pull origin main
• git merge dev
• git push origin main

• Netlify: https://app.netlify.com/

• Login using GitHub

• Click on ‘Import from Git’

• Connect to Git provider > Github

• If the desired repository is not shown, click on ‘Configure the Netlify app on GitHub’

• Repository Access > All Repository

• Select the repository

• Click on ‘Deploy site’ Note: Deploying Process will take 2-5 minutes to be active on Netlify. Error: Check the log if you get an error > apply changes to the codebase > push them on ‘main’ branch.

To set Environment Variable:

• Site settings > Build & deploy > Environment > Environment variables https://docs.netlify.com/configure-builds/environment-variables/ (Make sure to push new changes after setting env to make them effective)

To change domain name:

• Change domain name on Netlify through ‘Site Settings’

404 Page Not Found Error:

• https://stackoverflow.com/questions/58065603/netlify-renders-404-on-page-refresh-using-react-and-react-router
• https://www.netlify.com/blog/2019/01/16/redirect-rules-for-all-how-to-configure-redirects-for-your-static-site/

• Vercel: https://vercel.com/login

• Login with GitHub

• Click on “Add New” > Project

• Select the repository

• Click on Deploy Note: Deploying Process will take 2-5 minutes to be active on Vercel. Error: Check the log if you get an error > apply changes to the codebase > push them on ‘main’ branch.

To set Environment Variable:

• Settings > Environment Variables (Make sure to push new changes after setting env to make them effective)

To change domain name:

• Change domain name on Vercel through ‘View Domains’ on Dashbaord
• Click on Edit > Change > Save

• Render (Backend) https://render.com/

Locally

• Create a folder ‘codebook-mock-server’
• npm init
• Install express, json-server, json-server-auth
• Create index.js, add ‘data’ folder and .gitignore
• Push to Github

On Render,

• Click on ‘New’ > ‘Web Service’
• Select the Git Repository and deploy Note: Deploying Process will take 10-15 minutes to be active on Render. Error: Check the log if you get an error > apply changes to the codebase > push them on ‘main’ branch.

• Others:
• https://github.com/open-cli-tools/concurrently