hoctech.dev
Bán chạy

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

  • Cơ bản
  • 30 giờ
  • 19 bài học

$120.00

Bạn sẽ học được

  • 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

Giáo trình

6 chương · 19 bài học · 580 phút

  1. 01

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

    3 bài học
  2. 02

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

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

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

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

    Xây dựng website công ty

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

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

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

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

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

Yêu cầu

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.

Đánh giá

Chưa có đánh giá nào.

Ghi danh để đánh giá.

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