Tổng quan khóa học Light Development Stack¶
Mục tiêu khóa học¶
Sau khi hoàn thành khóa học, học viên có thể:
- Triển khai ứng dụng Next.js production-ready trên Cloudflare Workers
- Sử dụng Supabase làm Backend-as-a-Service hoàn chỉnh
- Thiết kế hệ thống Queue và Cronjob hiệu quả
- Xây dựng CI/CD pipeline cho multiple environments
- Đánh giá khi nào nên sử dụng Light Stack cho dự án
Đối tượng học viên¶
Prerequisites¶
- Thành thạo Next.js (App Router)
- Hiểu biết cơ bản về React, TypeScript
- Quen thuộc với REST API
- Biết sử dụng Git cơ bản
Level phù hợp¶
- Junior Developer (1-2 năm kinh nghiệm)
- Middle Developer (2-4 năm kinh nghiệm)
Cấu trúc khóa học¶
┌─────────────────────────────────────────────────────────────┐
│ LIGHT DEVELOPMENT STACK │
├─────────────────────────────────────────────────────────────┤
│ Module 0: Introduction (~1 giờ) │
│ Module 1: Next.js + Cloudflare (~2 giờ) │
│ Module 2: Supabase (~11 giờ) │
│ Module 3: Cloudflare (~5 giờ) │
│ Module 4: So sánh Queue & Cron (~1.5 giờ) │
│ Module 5: CI/CD & DevOps (~2 giờ) │
│ Module 6: Integration (~1 giờ) │
├─────────────────────────────────────────────────────────────┤
│ Case Studies (~2 giờ) │
│ Practice Project: TaskFlow (~8 giờ) │
├─────────────────────────────────────────────────────────────┤
│ TỔNG THỜI LƯỢNG ~33 giờ │
└─────────────────────────────────────────────────────────────┘
Tech Stack Overview¶
Next.js (Frontend + API)¶
- Framework React phổ biến nhất
- Server-side rendering, Static generation
- API Routes cho backend logic
- Trong khóa học: Best practices khi chạy trên Edge
Supabase (Backend-as-a-Service)¶
- PostgreSQL database với auto-generated REST API
- Authentication (Email, OAuth)
- Realtime subscriptions
- File Storage
- Edge Functions (Deno)
- Queue (pgmq) và Cron (pg_cron)
Cloudflare (Edge Computing)¶
- Workers - Serverless functions tại edge
- Queue - Message queue distributed
- Cron Triggers - Scheduled tasks
- KV Storage - Key-value store
- R2 - Object storage (S3-compatible)
Phương pháp học¶
Lý thuyết (60%)¶
- Slides với ví dụ code thực tế
- Diagram minh họa kiến trúc
- Best practices và anti-patterns
Thực hành (40%)¶
- Hands-on exercises sau mỗi bài
- Case studies từ dự án thực
- Practice project: TaskFlow
Dự án thực hành: TaskFlow¶
Xây dựng hệ thống quản lý task hoàn chỉnh:
| Tính năng | Công nghệ sử dụng |
|---|---|
| SSR Dashboard | Next.js + Cloudflare Workers |
| REST API | Supabase PostgREST |
| Authentication | Supabase Auth |
| File upload | Supabase Storage |
| Realtime updates | Supabase Realtime |
| Email notifications | Cloudflare Queue |
| Daily digest | Cloudflare Cron |
| Multi-env deploy | GitHub Actions |
Tài liệu và resources¶
Trong khóa học¶
- Slides (Markdown → Presentation)
- Code examples
- Starter templates
- Solution references
Bên ngoài¶
Quy tắc học tập¶
- Thực hành ngay - Làm exercises sau mỗi bài
- Đặt câu hỏi - Không hiểu thì hỏi ngay
- Code along - Gõ code cùng instructor
- Review code - Xem lại solutions để học thêm
Q&A¶
- Bạn đã từng nghe về Supabase hoặc Cloudflare chưa?
- Dự án PoC gần đây bạn làm mất bao lâu?
- Khó khăn lớn nhất khi làm PoC là gì?