Hoàn thành trang landing giới thiệu công ty bằng cách lập trình thực tế với phong cách sống động.
Sử dụng stack Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP, tiến hành từ thiết kế đến triển khai một lần.
Trọng tâm là "triển khai nhanh + SEO tối ưu để hiển thị tốt trên công cụ tìm kiếm".
🏁 Mục tiêu khóa học
Tạo landing → Tối ưu hiệu suất → Áp dụng SEO → Triển khai/lập chỉ mục
Xác nhận ngay sản phẩm hoàn thiện từng phần thông qua lập trình thời gian thực (vibe coding)
Trải nghiệm trực tiếp việc phản ánh tìm kiếm
🛠️ Stack thực hành
Cursor AI, Next.js(App Router), TypeScript
TailwindCSS, shadcn/ui, quy trình làm việc MCP
🔍 Thực hành SEO
Áp dụng file MD tối ưu SEO do giảng viên cung cấp
Metadata, OG/Twitter card, robots/sitemap, dữ liệu có cấu trúc (JSON-LD)
Áp dụng tùy chọn định tuyến đa ngôn ngữ
🎯 Sản phẩm hoàn thiện
Landing giới thiệu công ty responsive + form liên hệ
Mục tiêu Lighthouse 95+
Triển khai Vercel sau đó đăng ký Search Console và yêu cầu lập chỉ mục
📚 Những gì học được từ khóa học này
Cách cấu thành nhanh các phần hero/tin cậy/tính năng/FAQ
Cấu thành UI gọn gàng với shadcn/ui
Thiết kế điểm theo dõi chuyển đổi cơ bản và xác thực form
Nâng điểm SEO bằng dữ liệu có cấu trúc + định tuyến đa ngôn ngữ
Hiểu quá trình lập chỉ mục thông qua Search Console sau triển khai
💡 Insight thực tế (đặc quyền khóa học)
Không chỉ đơn thuần triển khai code, mà còn đề cập đơn giản về phương thức marketing·hiển thị được sử dụng thực tế trên thị trường.
Phạm vi đơn giá thực tế của quảng cáo, blog posting, công việc comment
Cách các công ty gia công·dịch vụ thực tế tiến hành công việc SEO, hiển thị
Sự khác biệt về chi phí/hiệu quả khi developer tham gia trực tiếp và khi giao thầu phụ
Thông qua phần này, có thể rèn luyện cảm giác không chỉ về kỹ thuật mà còn về cách sử dụng thực tế trong công việc, cấu trúc chi phí vận hành như thế nào.
Tóm tắt một dòng
"Theo dõi quy trình triển khai → tối ưu → triển khai → lập chỉ mục",
Học quy trình tạo web kết nối đến hiển thị tìm kiếm thực tế và cấu trúc thị trường thực tế.