76. Deploy miễn phí ReactJS Front-end lên Vercel | ReactJS, NodeJS, MongoDB | TrungQuanDev

#trungquandev #reactjs #nodejs #mongodb
➡️ Hôm nay chúng ta sẽ cùng nhau triển khai phần Front-end lên Vercel, sau đó chỉnh sửa lại phần Back-end trên Render ở buổi trước, kết hợp cả 2 lại và bạn đã Deploy thành công dự án lên môi trường Production rồi nhé.
- Lưu ý: hôm nay sẽ có rất nhiều kiến thức hay và thú vị, mình đã đánh phân đoạn video đầy đủ, bạn có thể xem ở bên dưới.
🏅 Học chuẩn thực tế để đi làm, để chuẩn bị hành trang vững chắc cho sự nghiệp tương lai.

🎁 DOWNLOAD FULL SOURCE CODE của toàn bộ dự án (Pro & Advanced) cũng như Donate ủng hộ mình ly cafe nếu bạn muốn 🤝
👉 Đầu tiên cần phải làm rõ một điều: Mình KHÔNG BÁN CODE cũng như KHÔNG BÁN KHÓA HỌC gì ở đây hết. Bởi vì mình đã cung cấp đầy đủ mọi tài nguyên cần thiết cho trường hợp bạn muốn học FREE Miễn Phí từ đầu rồi.
👉 ĐIỀU QUAN TRỌNG TIẾP THEO: Bạn cần phải hiểu rõ về lý do tại sao mình lại chia ra 3 gói Donate cũng như sự khác nhau giữa 3 gói này là gì. Mọi thông tin mình đều đã công khai ở bài viết trên blog chính chủ từ mình nhé, bởi vì nội dung khá dài. Bạn nên dành thời gian đọc nó trước khi bắt đầu khóa học cực kỳ chất lượng này.
👉 Link bài viết: 👇

🥉 FREE PACK (No Sponsor)

🥈 GOLD PACK (Gold Sponsor)

🥇 DIAMOND PACK (Diamond Sponsor - VIP)

🏆 HOẶC NẾU BẠN KHÔNG CÓ THẺ VISA THANH TOÁN QUỐC TẾ THÌ CÓ THỂ LIÊN HỆ TRỰC TIẾP VỚI MÌNH TẠI ĐÂY ĐỂ LẤY TÀI NGUYÊN HỌC TẬP NHÉ 👇
👑 Lưu ý: Video hướng dẫn chi tiết cách Install Source Code (Pro & Advanced) đều đã có trong 2 Playlists của khóa học rồi nhé.

---
---
🎤 Mình trên các nền tảng Podcasts:
---
👋🏼 Join những cộng đồng lập trình văn minh lịch sự dưới đây nhé bạn:
---
🎒 Danh sách một vài món đồ trong góc làm việc của mình:
---
📝 Video Chapters - nội dung chi tiết:
00:00 Mở đầu
00:52 Đây là đâu? Mình là ai?
02:16 Những cộng đồng lập trình văn minh lịch sự
03:23 Nội dung học phần hiện tại
03:55 Deploy Vite - ReactJS lên Vercel
12:25 Vấn đề môi trường Node Version (Quan Trọng)
15:44 Push lại code để Deploy lại
19:14 Biến môi trường env khá dị với Vite. Xử lý root endpoint API
31:49 Vấn đề Vercel không tự động nhận Commit mới nhất
33:49 Xử lý CORS phía Back-end và deploy lại trên Render
36:11 Thao tác giữa GitHub với Vercel, Render (Quan Trọng)
37:12 Tiếp tục xử lý CORS
39:03 Một vài Lưu Ý và Thành quả cuối cùng
---
📝 Link tài liệu liên quan để các bạn tham khảo mà trong video mình có nhắc đến:
- Các Step deploy ở đây:
- Chỉnh sửa lại repo GitHub để thao tác với Vercel ở đây:
- Vấn đề runtime Node version:
---
| 💻 TRUNGQUANDEV - MỘT LẬP TRÌNH VIÊN ☕️ |

[jimmyvu-dev]

Cảm ơn em đã dành thời gian và công sức để làm khóa học này. Anh học được rất nhiều từ khóa này. Mong em sẽ tiếp tục ra thêm nhiều video hữu ích hén.

[trungquandev]

🔔Join một số cộng đồng lập trình rất văn minh lịch sự tại đây:

[pikaju]

A này đúng kiểu có bao nhiêu là dạy hết bấy nhiêu như mấy ông nước ngoài chứ không ôm để bán khóa học respect 👍

[NgocTaik]

e cảm ơn a đã bỏ ra nhiều công sức làm khóa học này ạ, khóa học hay và chi tiết chỉn chu từ đầu tới cuối ạ. Mong rằng sắp tới sẽ có nhiều bộ hay hơn nữa ạ, giờ dky hội viên cày advanced tiếp thôi a hehe. Ah mà mong sắp tới a làm video crash course về docker như video git ạ.

[Longo-dpln]

Sau 10 ngày hơn đã cày xong FULL STACK của anh. Cảm ơn anh đã làm những video chất lượng như vậy <3. Sắp tới chuẩn bị đki hội viên thôi =)))

[blackblack-bhfc]

sau 12 ngày thì cũng đã deploy được con project đầu tay, cám ơn a Quân rất nhiều. Trước e cũng có học react nhưng backend được cung cấp sẵn, nay học được khóa này thì cái đầu nó đã sáng hơn rất nhiều.

[wolvesgaming]

Cảm ơn a về khóa học và những kiến thức rất hay . Mong anh ra thêm nhiều khóa dạy kiến thức khác về nodejs nữa ạ. Thanks you

[tungphunghuu]

anh làm 1 video crash course về Docker đi anh, như video Học git để đi làm tầm 45p - 60p ấy

[tuananhinh]

Quá hay a ơi, đợi những series mới của a

[LHQQ]

Thật sự cảm ơn anh Quân đã dành thời gian công sức để làm khóa học này, dù em code lại bằng Vue nhưng mà cũng học đc khá nhiều từ anh.
Mong anh ra nhiều video chất lượng như này nữa nhé ahihi, thank u

[ndyudev]

- Sau bao đêm fix bug cùng anh thì chính thức hôm nay đã hoàn thành xong khóa này đúng như mục tiêu đặt ra lúc hồi video 1 ( hoàn thành trước khi qua năm )
- Phải công nhận là anh dạy kĩ hay cuốn cực kì người đầu tiên dạy lập trình mà khiến em thức đêm nhiều đến vậy em học cũng nhiều khóa rồi mà toàn dạy sơ sài toàn dấu nghề thôi.
- Cảm giác bây giờ rất chi là đã vừa deploy xong lần đầu học hết 1 khóa đúng dự định, chứ trước giờ toàn trì hoãn thôi hihi, không hiểu sao coi video 1 của anh là đặt mục tiêu luôn.
- Phải chi biết đến anh sớm hơn kkk chúc anh nhiều sức khỏe nhé ngủ sớm đi anh ơi.

[huynguyen]

hay quá anh ơi, đăng ký học khóa mới thôi

[caotrungkien_]

Hi anh Quân! Em mới học xong toàn bộ khóa học này bao gồm cả khóa advanced. Một khóa học quá tốt và em đã học được rất nhiều thứ, cảm ơn anh đã bỏ ra công sức để tạo ra một khóa học chất lượng. Em quay lại bài viết này cmt là vì gặp quả bug khi em deploy con web các ảnh ở màn login, 404 bị trắng trơn, em kiểm tra console thì thấy báo đường dẫn ảnh bị not found.

[tGoldenPhoenix]

Em vừa deploy được cả ứng dụng web và api như anh chỉ rồi. Thank you anh!

[dungkenn]

cam on anh Quan, e da hoan thanh roi, hehe❤

[phonginhvan]

biết a qua khóa tailwind và từ đó yêu a lun. E chưa tìm dc khóa học nào miễn phí mà chi tiết ntn, thậm chí khóa có phí còn k bằng.

[__Journey]

Sau khoá MERN PRO này dù chưa hiểu được hết logic code nhưng cách tổ chức code, cách phát triển và bảo trì code thực sự lm em ấn tượng. Dù thời gian đầu config hơi mệt nhưng giai đoạn sau phát triển với debug tương đối dễ. Thời gian tới chắc em review lại code trước khi tiến sang MERN ADVANCED !!!

[nguyengiorno]

wao, để làm đc web ntn đã khó r, anh còn đầu tư làm cả playlist hơn trăm vid chất lượng cao, anh cx hơi ngầu đấy : )

[ZeninPham]

27:38 Không biết sao em add chỗ define bên Vite config rồi là console.log ra nó vẫn undefined. Có thể lỗi ở đâu được anh nhỉ?

[dunguyen]

Xem xong 76 video tôi đã trở thành dev full stack