Setup Git - Create Github repository - Deploy with Vercel

Tài liệu xoay quanh 3 chủ đề:

  1. Git - các câu lệnh cơ bản thường dùng

  2. Tạo một repository trên Github và push code từ local repository lên remote repository

  3. Deploy với Vercel để có một website chạy nhanh và xịn với nhiều framework hỗ trợ ReactJS!

1. Git là gì?

Git chính là một hệ thống VCS (Version Control System) cho dự án của bạn. Chính vì là một VCS ở trên nên Git ghi nhớ lại toàn bộ lịch sử thay đổi của source code trong dự án. Ai sửa file nào, thêm dòng code nào, xóa dòng code nào, bỏ thừa dấu ở đâu, ... Tất tần tật đều được Git ghi lại.

Tham khảo thêm các tài liệu sau để hiểu chi tiết về Git:

  1. Git là gì? Các lệnh git cơ bản mà mọi lập trình viên nên biết - TopDev

  2. Git và GitHub — liệu bạn đã thật sự biết cách sử dụng? - GotIt

  3. Series học Git của Thachpham.com

  4. Getting Started - About Version Control

  5. Git cheat sheet - Github

  6. Git cheat sheet - Gitlab

2. Các lệnh Git thường dùng mỗi ngày dành cho Developer

  • Thiết lập user.nameuser.email
$ git config --global user.name “Your Name”
$ git config --global user.email “you@example.com”
  • Khởi tạo local repository
git init
  • Thêm file (tất cả các file)
git add .
  • Thêm file (chỉ định tên file cụ thể)
git add [file]
  • Commit
git commit -m "..."
  • Push (đẩy code lên remote repository)
git push

Một số lệnh Git khác:

  • Xem trạng thái
git status
  • Xem lịch sử chỉnh sửa
git log --graph

3. Tạo repository trên Github và push code từ local repository lên remote repository

  • Click vào dấu "+" góc bên phải cửa sổ trình duyệt (cạnh account avatar)

Click "+" at top-right viewport (next to account avatar)

  • Click chọn "New repository"

Click chọn New repository

  • Đặt tên cho repository (lưu ý là tên không được trùng với tên của repo đã tạo trước đó)

Đặt tên cho repository

  • Click chọn Create repository

Click chọn Create repository

  • Copy & paste những lệnh sau vào Terminal trong Visual Studio Code

Copy & paste những lệnh sau vào Terminal trong Visual Studio Code

  • Reload lại trình duyệt và tada ... source code đã được push lên Github

Push source code lên Github

4. Deploy với Vercel

Đọc document tại đây