Day 2 / 06 / lesson

Deploy and Understand CI/CD

Use GitHub and Vercel to publish the app through a repeatable flow.

Deployment guide

01Save the project in GitHubGitHub keeps the code history and gives Vercel a project to deploy.

Steps

  1. Check what files changed.
  2. Commit the working version.
  3. Push the project to GitHub.

Commands or prompts

git status

git add .

git commit -m "request tracker build"

git push
02Deploy with VercelVercel builds the app and gives it a live URL.

Steps

  1. Import the GitHub repository.
  2. Add the Supabase environment variables.
  3. Run the deployment.
  4. Open the live URL and test the app.
03Understand CI/CDIn this workshop, CI/CD means GitHub changes automatically update Vercel.

Steps

  1. Change code locally.
  2. Push the update to GitHub.
  3. Vercel detects the change.
  4. The live app gets rebuilt.