강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

Bắt đầu Supabase, Next full-stack (kết hợp 슈파베이스 OAuth, nextjs 14)

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.!

(4.9) 28 đánh giá

431 học viên

  • dodocoding
실습 중심
포트폴리오
Next.js
supabase
React
Clone Coding

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • 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ế 🍭

Tại sao bạn nên chọn Supabase thay vì Firebase ! 😮 🌲

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


Dự án Supabase bạn có thể tạo thông qua bài giảng!

Các tính năng của khóa học này

📌 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.

Tôi giới thiệu điều này cho những người này


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!

Sau giờ họ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ẻ.

Tìm hiểu về những điều này.

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ủ

Những điều cần lưu ý trước khi tham gia lớp học

Môi trường thực hành

  • Tôi sử dụng Node.js, VS Code và GitHub.

Tài liệu học tập

Kiến thức và ghi chú của người chơi

  • 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.)


Khuyến nghị cho
những người này

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

Xin chào
Đây là

3,852

Học viên

155

Đánh giá

88

Trả lời

4.8

Xếp hạng

5

Các khóa học

  • 프론트 개발자로 네카라쿠배 중 하나의 IT서비스 기업에 재직하고 있습니다. 😀

  • 🚀 SW마에스트로 Expert 취업 멘토링

  • 🚀 Naver Boostcamp BE 멘토 경험

  • 🚀 FE 7Code 로드맵 강의 제작

Chương trình giảng dạy

Tất cả

68 bài giảng ∙ (7giờ 12phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

28 đánh giá

4.9

28 đánh giá

  • flyordig9340님의 프로필 이미지
    flyordig9340

    Đánh giá 4

    Đánh giá trung bình 4.0

    5

    100% đã tham gia

    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!

    • dodocoding
      Giảng viên

      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!

  • hanlee님의 프로필 이미지
    hanlee

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    46% đã tham gia

    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

    • dodocoding
      Giảng viê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. ~ 👍

  • sh9508026566님의 프로필 이미지
    sh9508026566

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Tôi muốn xử lý máy chủ tiếp theo, nhưng cảm ơn bạn rất nhiều!! 👩🏿‍🦰

    • dodocoding
      Giảng viên

      Cảm ơn bạn đã xem xét!

  • dodoco님의 프로필 이미지
    dodoco

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    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ẽ.

    • dodocoding
      Giảng viên

      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.

  • yongseoknoh0209님의 프로필 이미지
    yongseoknoh0209

    Đánh giá 4

    Đánh giá trung bình 4.8

    5

    31% đã tham gia

    1.163.179 ₫

    Khóa học khác của dodocoding

    Hãy khám phá các khóa học khác của giảng viên!

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!