hoctech.dev
Bestseller

Tự xây dựng website công ty bằng Next.js và shadcn/ui

Tự làm website công ty từ cấu trúc, giao diện và nội dung đến domain, DNS và triển khai thực tế.

  • Beginner
  • 30 giờ
  • 19 lessons

$120.00

What you will learn

  • Phân tích mục tiêu website công ty và biến yêu cầu thành sitemap, nội dung và kế hoạch triển khai

  • Tổ chức dự án Next.js App Router, TypeScript, component dùng lại, Tailwind CSS và shadcn/ui

  • Xây trang chủ, giới thiệu, dịch vụ, liên hệ và các thành phần điều hướng responsive, accessible

  • Hiểu client/server, request-response, DNS, HTTP/HTTPS, domain, hosting, máy chủ và serverless ở mức thực hành

  • Quản lý .env.local và biến môi trường theo môi trường local/preview/production; không đưa secret vào client bundle hay Git

  • Deploy và gắn domain trên Vercel; hiểu giới hạn static export của Cloudflare Pages và lựa chọn Workers/OpenNext cho Next.js cần server runtime

  • Dùng AI để tăng tốc theo từng task, xem xét diff, kiểm chứng hành vi và xử lý lỗi thay vì giao toàn bộ dự án cho một prompt

Syllabus

6 modules · 19 lessons · 580 min

  1. 01

    Tư duy sản phẩm và nền tảng web

    3 lessons
  2. 02

    Cấu trúc dự án Next.js

    3 lessons
    • Khởi tạo Next.js và đọc cấu trúc thư mục30 min
    • Component React, props và state32 min
    • Server Component và Client Component28 min
  3. 03

    Giao diện với Tailwind và shadcn/ui

    3 lessons
    • Thiết lập token, typography và màu sắc26 min
    • Cài và tùy biến shadcn/ui30 min
    • Responsive, accessibility và kiểm tra giao diện28 min
  4. 04

    Xây dựng website công ty

    3 lessons
    • Trang chủ và định vị doanh nghiệp34 min
    • Trang giới thiệu, dịch vụ và liên hệ40 min
    • SEO kỹ thuật, metadata và tối ưu ảnh32 min
  5. 05

    Domain, DNS và môi trường triển khai

    4 lessons
    • Mua domain và hiểu DNS35 min
    • Biến môi trường và quản lý secret32 min
    • Deploy lên Vercel và gắn domain40 min
    • Cloudflare Pages hay Workers cho Next.js?35 min
  6. 06

    Vibe coding có kiểm soát và bàn giao

    3 lessons
    • Chia yêu cầu thành task cho AI25 min
    • Đọc diff, kiểm tra và sửa lỗi do AI tạo32 min
    • Checklist trước khi công bố website24 min

Requirements

Phù hợp với người mới làm website. Cần máy tính có thể cài Node.js, trình soạn thảo code và Git; biết dùng trình duyệt và quản lý file. Chưa cần biết Next.js hay shadcn/ui. Để mua domain và triển khai production, học viên tự chuẩn bị tài khoản GitHub, Vercel và chi phí domain; không bao gồm phí dịch vụ bên thứ ba. Khóa học sẽ giải thích HTML/CSS/JavaScript nền tảng trong lúc thực hành.

Điều kiện tiên quyết bắt buộc: đã hoàn thành khóa Công nghệ căn bản. Khóa nền tảng này cung cấp kiến thức chung về Git, công cụ phát triển, web, API, dữ liệu và cloud cần để theo học chương trình này.

Reviews

No reviews yet.

Enroll to leave a review.