Leadpages

目標:做一個本機優先的登陸頁建置器，讓我用區塊組合、發布並追蹤自己的活動頁與名單。 技術棧建議:React + TypeScript + Vite，使用 dnd-kit 做拖拉，SQLite 或 JSON 檔保存頁面與名單，透過 Node.js 內建 HTTP 伺服器發布靜態頁。 需求: - 提供頁面清單，可新增、複製、重新命名、刪除與搜尋頁面 - 提供拖拉式區塊編輯器，支援標題、文字、圖片、按鈕、表單、分隔線與倒數計時器 - 區塊可拖曳排序、複製、刪除，並可編輯文字、顏色、間距、字級與對齊方式 - 提供桌面、平板、手機三種預覽寬度，並讓每個區塊可設定響應式顯示規則 - 支援頁面全域設定：標題、描述、網站圖示、背景色、字型與自訂 CSS - 按鈕可連結外部網址、頁面內錨點或顯示指定訊息 - 表單可設定欄位名稱、必填、成功訊息與導向頁，提交資料存入本機資料庫 - 提供發布預覽網址，將頁面輸出成可獨立開啟的 HTML、CSS 與圖片資料夾 - 管理每個頁面的瀏覽次數、表單提交次數與轉換率，按日顯示簡單圖表 - 支援 UTM 參數解析，依來源、媒介與活動名稱篩選瀏覽及提交統計 - 名單頁可檢視、搜尋、刪除資料，並匯出 CSV 與 JSON - 提供三個可直接套用的活動頁範本，範本內容仍可完全編輯 - 支援鍵盤快捷鍵儲存、復原與重做，並在未儲存時顯示狀態 明確不做(out of scope):多人協作、雲端帳號、付費訂閱、A/B 測試、SEO 關鍵字研究、郵件寄送平台、廣告平台整合、付款流程與自動化部署。 README 要求:說明本機啟動方式、編輯器資料格式、頁面發布流程、圖片放置規則、名單與統計匯出方式，以及如何備份與搬移全部資料。