222 Technology222 TechnologyEN
← 返回網誌
case-studynextjsvibe-codingproductivity

我哋點樣一個鐘內整好 222 Tech 網站

1/26/2026·222 Tech

挑戰

整一個完整公司網站，要有：

  • 現代設計 + 中英雙語

  • Blog + CMS

  • SEO 優化

  • Production 部署

    • 時間限制：越快越好。

    技術棧

  • Frontend: Next.js 16 + TypeScript + Tailwind CSS

  • Database: MongoDB Atlas

  • Deployment: Nginx + PM2 on AWS

  • DNS/SSL: Cloudflare

    • 我哋整咗咩

    1. Server Setup (15 分鐘)


  • 裝好 Node.js、Nginx、PM2

  • 設定 multi-site 架構

  • 連接 MongoDB

    • 2. 網站 (30 分鐘)


  • Homepage 有 7 個 sections

  • 中英切換

  • Blog 系統

  • Admin CMS

    • 3. 部署 (15 分鐘)


  • Production build

  • PM2 進程管理

  • Nginx reverse proxy

  • Cloudflare DNS + SSL

    • 重點心得

    AI + 人 = 速度


    Claude（透過 Clawdbot）寫咗大部分 code。人負責 review 同指導。呢個組合超級強大。

    簡單開始，快速迭代


    我哋用 working MVP 上線。完美係做嘢嘅敵人。

    MongoDB 夠靈活


    用 MongoDB 即係可以隨需要改 schema。唔使 migrations。

    下一步

  • CMS Rich text editor

  • 更多 blog 內容

  • Analytics 整合

  • 客戶 portal

    • ---

    想我哋幫你整類似嘅嘢？聯絡我哋。