Nhân bản Chat GPT với Cursor trong 1 giờ (lớp học một ngày)
dodocoding
Bạn có thể có khả năng triển khai một chương trình chat bằng Next.js + Cursor IDE chỉ trong một giờ.
Nhập môn
nextjs, ChatGPT, React
Firebase phiên bản SQL! Bạn có thể làm chủ kiến thức cơ bản về full-stack Next.js thông qua Supabase.!
459 học viên
Độ khó Cơ bản
Thời gian Không giới hạn


Đánh giá từ những học viên đầu tiên
5.0
Malik KIM
Thật khó để tìm một khóa học tiếng Hàn sử dụng supabase và nextjs cùng nhau, nhưng nhờ điều này, tôi rất vui khi có thể nhanh chóng tạo một ứng dụng web full-stack. Cảm ơn bạn vì bài giảng tuyệt vời!
5.0
Han Lee
Xin chào, Mã hóa Lupin, Tôi là người đăng ký YouTube :) Trước hết xin cảm ơn bạn đã đăng một bài giảng mà tôi thực sự cần. Đặc biệt, tôi xin bày tỏ lòng biết ơn sâu sắc nhất đối với hai phần sau đây. (1) Next.js + Supabase - Có rất nhiều khóa học Next.js trên Udemy, nhưng tôi không tìm thấy khóa học nào dạy về Supabase cùng với Next.js. - Không có bài giảng bằng tiếng Hàn nên xin cảm ơn lần nữa. (2) Phương pháp học tập - Tôi trở thành một avatar viết mã và học bằng cách tạm dừng và làm theo mã một cách vô tâm. - Tôi sẽ tiếp thu và thể hiện kiến thức bằng cách áp dụng phương pháp học tập (trừu tượng -> cụ thể) mà bạn đã cung cấp. Sẽ là một ý kiến hay nếu thông báo cho cộng đồng YouTube rằng bài giảng Infron đã được phát hành. [Tôi vừa nghe nói rằng bài giảng đang được xem xét, nên tôi sẽ chuyển nó đi để đề phòng. ] Cảm ơn
5.0
권빵
Tôi muốn xử lý máy chủ tiếp theo, nhưng cảm ơn bạn rất nhiều!! 👩🏿🦰
Supabase (RLS, Tạo bảng, Liên kết API)
Next.js App Router
Vercel CI/CD và tối ưu hóa
Chia sẻ danh sách việc cần làm bằng mô hình MVC
Kiến thức tối thiểu cho máy chủ Next.js
Các kiến thức cơ bản về kiểu (typing) trong TypeScript
OAuth, Đăng nhập Google, Đăng nhập GitHub
Supabase là máy chủ dễ sử dụng nhất dành cho các nhà phát triển FE hiện nay!
Supabase + NextJS 14 Cơ bản về FullStack
Nó chỉ chứa những phần cần thiết cho mục đích sử dụng thực tế 🍭
Bạn đã nghe nói đến Supabase , phiên bản SQL của Firebase chưa?
Supabase có những ưu điểm sau:
Các tính năng của SQL DB dựa trên PostgreSQL
Kiểm tra ủy quyền ở cấp độ ứng dụng với RLS (bảo mật cấp hàng) mạnh mẽ .
REST API được tạo tự động dựa trên DB Schema
Cơ sở dữ liệu thời gian thực
Hỗ trợ OAuth 2.1 (đăng nhập Google, GitHub, Kakao, Facebook, v.v.)
Trang quản trị và tài liệu chính thức với trợ lý AI và trải nghiệm tốt nhất cho nhà phát triển
.png?w=960)
Dự án Supabase bạn có thể tạo thông qua bài giảng!
📌 Hướng dẫn ghi chú bài giảng : Mục tiêu cho mỗi chương, các điểm cần xem lại và nhiều thông tin khác (tài liệu chính thức, khái niệm, v.v.)
📌 Cung cấp các điểm kiểm tra bài giảng : Không sao nếu bạn không tuân thủ quy định! Mỗi chương đều có các nhánh.
📌 10% lý thuyết, 90% thực hành : Chúng tôi cũng giải thích các lý thuyết quan trọng như Supabase RLS.
📌 Danh mục đầu tư : Bạn có thể nhận được kết quả thông qua mã hóa bản sao.

Supabase áp dụng chỉ trong một ngày.
Các nhà phát triển/sinh viên muốn tạo một trang web có chức năng đăng nhập trong một ngày bằng Supabase
Next.js 14 với supabase
Với kiến thức tối thiểu về máy chủ Next.js
Cách áp dụng Supabase vào SSR, CSR

Đăng nhập mạng xã hội OAuth
Đăng nhập bằng mạng xã hội rất khó
Làm thế nào để giải quyết nó trong một lần
💡 Sự kết hợp giữa Supbase + Next.js là sự kết hợp có thể tạo ra một dự án MVP đầy đủ nhanh hơn bất kỳ ai khác!
📌 Bạn có thể tạo một dự án phụ chỉ trong một ngày bằng Supabase.
📌 Bạn sẽ tìm hiểu về cách tạo bảng, thao tác, RLS, kích hoạt và hàm trong PostgreSQL DB.
📌 Bạn có thể tạo ServerActions, Middleware, RSC, RouterHandler (API) của Next.js.
📌 Học phương pháp phát triển UI nhanh hơn bất kỳ ai khác với TailwindCSS.
📌 Triển khai đăng nhập bằng mạng xã hội bằng Supabase Authentication.
📌 Tạo dự án TodoApp có chức năng chia sẻ.

Supabase SQL, lý thuyết RLS
Các tính năng DB mạnh mẽ của PostgreSQL
Các câu lệnh SQL để tạo, truy vấn, sửa đổi, xóa và đọc bảng
Lấy thông tin bảng bằng REST API
Giải thích RLS dễ hiểu

Chia sẻ TodoApp (với Next.js 14)
Sao chép mã hóa web bằng App Router
Ứng dụng Todo ở cấp độ hiển thị trình duyệt
Ứng dụng Todo sử dụng hành động máy chủ
Tính năng đăng nhập xã hội và ứng dụng Todo có thể chia sẻ

Supabase Editor với AI Assistant
Trình chỉnh sửa bảng: Tạo bảng
Trình soạn thảo SQL: Truy xuất dữ liệu
Xác thực : Quản lý người dùng

Kiến thức tối thiểu cho máy chủ Next.js 14
Bộ xử lý bộ định tuyến
Phần mềm trung gian
RSC (Thành phần máy chủ React)
Hành động máy chủ
Tôi sử dụng Node.js, VS Code và GitHub.
Kiến thức cơ bản về HTML, CSS và React
Tạo kiểu bằng TailwindCSS. (+ Có bài giảng tóm tắt. 😀 )
(*Lúc đầu tôi ghét TailwindCSS. Nhưng sau quá trình học ban đầu (khoảng một giờ), trải nghiệm phát triển và tốc độ phát triển của bạn sẽ được cải thiện đáng kể! Bạn sẽ không hối hận đâu.)
Khóa học này dành cho ai?
Dành cho những ai muốn bắt đầu dự án với Next.js
Dành cho các bạn FE Developer đang muốn dùng thử Supabase
Dành cho những ai muốn phát triển full-stack server bằng Next.js
Cần biết trước khi bắt đầu?
HTML, CSS, React ở mức cơ bản
4,324
Học viên
194
Đánh giá
94
Trả lời
4.8
Xếp hạng
5
Các khóa học
Tôi đang làm việc tại một trong những công ty dịch vụ IT hàng đầu (Naver, Kakao, Line, Coupang, Baemin) với tư cách là nhà phát triển Frontend. 😀
🚀 Cố vấn tuyển dụng chuyên gia SW Maestro
🚀 Kinh nghiệm làm Mentor mảng BE tại Naver Boostcamp
🚀 Sản xuất bài giảng lộ trình FE 7Code
Tất cả
68 bài giảng ∙ (7giờ 12phút)
4. 1.1 Supabase là gì?
04:41
Tất cả
30 đánh giá
4.9
30 đánh giá
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
Tôi muốn học supabase, nó thật tuyệt. Tôi nghĩ đây là một khóa học có thể dùng làm nền tảng rất tốt. Dựa trên điều này, tôi sẽ làm việc chăm chỉ để tạo ra một dự án! next + supa full stack mạnh mẽ.
Chiến đấu! Tôi nghĩ Superbase là công cụ tốt nhất để thực hiện các dự án một cách nhanh chóng.
Đánh giá 13
∙
Đánh giá trung bình 5.0
5
Đây là một khóa học hay để khám phá Supabase và phần giải thích liên quan đến Next.js cần thiết cho bài học cũng rất hữu ích.
Cảm ơn bạn đã tham gia khóa học 100%! Mong được gặp lại bạn trong những bài giảng tốt hơn trong tương lai.
Đánh giá 4
∙
Đánh giá trung bình 4.0
5
Thật khó để tìm một khóa học tiếng Hàn sử dụng supabase và nextjs cùng nhau, nhưng nhờ điều này, tôi rất vui khi có thể nhanh chóng tạo một ứng dụng web full-stack. Cảm ơn bạn vì bài giảng tuyệt vời!
Cảm ơn bạn rất nhiều vì đã tham gia lớp học! Sử dụng Next.js và Supabase cùng nhau chưa bao giờ dễ dàng hơn thế. Để sử dụng đúng cả hai điều này, bạn cần hiểu biết sâu sắc về kết xuất phía máy chủ và phát triển toàn bộ ngăn xếp. Tôi hy vọng bài giảng này sẽ giúp ích rất nhiều cho bạn trong việc phát triển dự án của mình. Nếu bạn sử dụng tốt sự kết hợp này, nó sẽ là nền tảng để tạo ra các ứng dụng web mạnh mẽ và hiệu quả. Chúng tôi hy vọng rằng đây sẽ là hướng dẫn tốt cho hành trình phát triển trong tương lai của bạn và chúng tôi hy vọng rằng bạn sẽ đạt được sự phát triển tốt hơn!
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
Xin chào, Mã hóa Lupin, Tôi là người đăng ký YouTube :) Trước hết xin cảm ơn bạn đã đăng một bài giảng mà tôi thực sự cần. Đặc biệt, tôi xin bày tỏ lòng biết ơn sâu sắc nhất đối với hai phần sau đây. (1) Next.js + Supabase - Có rất nhiều khóa học Next.js trên Udemy, nhưng tôi không tìm thấy khóa học nào dạy về Supabase cùng với Next.js. - Không có bài giảng bằng tiếng Hàn nên xin cảm ơn lần nữa. (2) Phương pháp học tập - Tôi trở thành một avatar viết mã và học bằng cách tạm dừng và làm theo mã một cách vô tâm. - Tôi sẽ tiếp thu và thể hiện kiến thức bằng cách áp dụng phương pháp học tập (trừu tượng -> cụ thể) mà bạn đã cung cấp. Sẽ là một ý kiến hay nếu thông báo cho cộng đồng YouTube rằng bài giảng Infron đã được phát hành. [Tôi vừa nghe nói rằng bài giảng đang được xem xét, nên tôi sẽ chuyển nó đi để đề phòng. ] Cảm ơn
Xin chào. Hehehe, bạn là người đăng ký! Cảm ơn bạn đã đăng ký kênh YouTube luôn thiếu sót. Tôi hơi muộn khi thông báo tin tức về buổi ra mắt khóa học. Cảm ơn bạn rất nhiều vì đã đăng ký khóa học, điều này có thể còn thiếu sót. Nếu bạn nhớ đến HanLee và đặt câu hỏi không chỉ về bài giảng mà còn về vấn đề nghề nghiệp, việc làm, tôi sẽ trả lời kỹ hơn. ~ 👍
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
Tôi muốn xử lý máy chủ tiếp theo, nhưng cảm ơn bạn rất nhiều!! 👩🏿🦰
Cảm ơn bạn đã xem xét!
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!