Typedream

目標:做一個本機優先的區塊式網站建置器，讓我不用寫程式就能製作並匯出單頁網站。 技術棧建議:React + TypeScript + Vite，使用 Zustand 管理狀態，Tailwind CSS 處理樣式，網站資料以 JSON 儲存並可匯出靜態 HTML/CSS/JS。 需求: - 提供左側區塊面板，可新增標題、段落、圖片、按鈕、分隔線、表單與社群連結 - 中央畫布即時預覽網站，區塊可拖曳排序、複製、刪除與隱藏 - 點選區塊後在右側編輯文字、字級、顏色、對齊、間距與背景 - 支援桌面、平板、手機三種預覽尺寸 - 圖片可從本機上傳，儲存相對路徑並在匯出時一起複製 - 提供導覽列、頁尾與多個頁面，頁面之間可用內部連結切換 - 提供幾組簡潔模板，建立新專案時可直接套用 - 支援網站標題、描述、社群分享圖片、favicon 與自訂網址路徑 - 表單可設定欄位名稱與必填狀態，提交內容先存成本機 JSON - 提供撤銷與重做，至少保留最近 30 個編輯狀態 - 專案可儲存、重新開啟、另存副本，並可匯出完整專案 JSON - 匯出可直接部署的靜態網站，包含圖片、樣式、表單提交說明與 README 明確不做(out of scope):雲端帳號、多人成員協作、線上代管、付款訂閱、內建 AI 生成、即時分析、CMS、第三方表單後台與自動網域購買。 README 要求:說明本機啟動方式、區塊資料格式、模板新增方法、圖片存放規則、網站匯出與部署到 GitHub Pages 或 Netlify 的步驟。