關於 PageAI
What Is PageAI
PageAI 是一款 AI 網站產生器，會依照你寫下的一段提示，規劃、設計並寫出一個著陸頁。它不會丟給你一套鎖死的版型，而是產出完整的程式碼，用 Next.js、Tailwind CSS、TypeScript 與 Shadcn UI 打造，再幫你備好一個 git 儲存庫，可部署到任何支援 Next.js 的主機。它想解決的事很單純：用幾分鐘而非幾天，做出一頁專業、可直接上線的網站。
這款工具瞄準時間不多的開發者與創業者，他們需要一個真實、載入快、對搜尋友善的網站，又不想親手寫每一個區塊。根據 PageAI 的說法，產生過程約需 2 到 3 分鐘，產出包含 SEO 中繼標籤、JSON-LD、sitemap、RSS 摘要、Open Graph 圖片，以及條款與隱私權頁面。作為給開發者用的網站工具，它靠的是你能讀、也能留下的程式碼。
最明顯的限制在於它只把一件事做好。它專注在 Next.js 上的著陸頁與行銷網站，所以想要 WordPress 那類 CMS、大型電商型錄，或免寫程式的拖曳式編輯器的人，在這裡找不到。部署之後，如果你打算繼續手動修改產出的程式碼，也最好對程式設計有點概念。
Getting Started
- 在 PageAI 網站註冊，並用一段提示描述你要的網站。
- 讓 AI 代理進行規劃、研究、設計與撰寫，產生過程通常約 2 到 3 分鐘。
- 在即時預覽或拖曳編輯器裡調整成果，可改文字、圖片、圖示、主題與區塊順序。
- 下載程式碼，或一鍵部署到 Vercel。
- 把程式碼留著，想在哪裡編輯都行，因為它完全屬於你。
產品資訊
快速了解 PageAI 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 開發者：拿到的是乾淨、有文件的 Next.js 程式碼，而不是鎖死的版型，所以交接後仍可繼續修改，前提是對程式設計有基本掌握。
- 獨立創業者與個人開發者：一段提示就能涵蓋設計、文案與程式碼，適合預算有限、人手不多的情況。
- 產品行銷人員：為發表會或活動快速做出一頁著陸頁，只要該頁仍待在 Next.js 技術堆疊內。
任務
- 推出新創或產品的著陸頁：工具會處理 SEO 基本設定、部落格與社群圖片，所以能很快上線。
- 文化祭的宣傳頁：用一段提示做出為期一週的藝術祭頁面，含節目表、票券區與地圖，上線前再調整主題。
- 製作個人作品集或履歷頁：產生一頁乾淨的多區塊頁面，重新調整風格，也不必付版型工具的授權費。
- 建立活動微型網站：為某場活動或廣告做一頁聚焦的頁面，放到你自己的網域上。
- 翻新既有的行銷網站：貼上需求簡述，讓代理提出新版面，再留下好用的部分。
情境
- 週末發表前先把著陸頁生出來：2 到 3 分鐘就有初稿，勝過好幾天的設計衝刺。
- 在命令列搭配 Claude Code 或 Cursor 工作：產生的專案就是為 AI 輔助開發而做，可以繼續邊寫邊改。
- 壓低主機成本與綁定風險：程式碼是你的，能搬到任何 Next.js 主機。
主要功能
一句提示就生出著陸頁
你用平常用語描述網站，PageAI 的代理就接手研究、規劃、設計、文案與程式碼。約 2 到 3 分鐘就能生出一頁完整的著陸頁。成果是能用的起點，不是靜態的示意稿。
多位代理分工的建置流程
PageAI 把工作拆給專門的代理。規劃代理負責研究與架構頁面，設計代理決定主題、字型與線框，程式代理則寫出乾淨、好維護的程式碼。分工能讓每個階段各自專注，不必逼同一個模型一次做完所有事。
內建 SEO 與技術基礎
產出直接附上中繼標籤、JSON-LD、標準網址、sitemap.xml、RSS 摘要與 Open Graph 圖片。重點是讓你第一天就有排名基礎，不必自己一項項接起來。像是 favicon、條款與隱私權頁面這類小東西也會一併生成。
Next.js、TypeScript 與 Tailwind 程式碼
產出的程式碼採用 Next.js、TypeScript、Tailwind CSS 與 Shadcn UI 元件。它為效能而打造，具備 SSR、靜態產生與圖片最佳化，預設也保持響應式並對 SEO 友善。你拿到的是現代技術堆疊，而不是某套專有編輯器的格式。
即時拖曳編輯器
即時預覽讓你不必推程式碼，就能改文字、圖片、圖示與區塊順序。換個主題，就能一次調整整個網站的風格。它補上了 AI 產出與你平常手動微調之間的落差。
部落格、搜尋與內容工具
PageAI 內建 Markdown 與 MDX 部落格、多種部落格版面、自訂元件、多位作者、標籤，以及不需資料庫或第三方服務就能運作的搜尋功能。自訂版面從相簿到文件中心都能應付。
程式碼與 git 儲存庫都歸你
你會拿到完整的程式碼，以及一個由你掌控的 git 儲存庫。目前支援一鍵部署到 Vercel，程式碼也能搬到任何跑得動 Next.js 的主機。沒有訂閱、沒有綁定，長期成本就比較好預估。
優缺點
優點
- 產出的是真正能部署、屬於你的 Next.js 程式碼，而非鎖死的版型。
- 一出廠就附帶 SEO、sitemap、RSS 與 Open Graph 圖片。
- 產生只要 2 到 3 分鐘，能快速驗證想法。
- 一次性付費，免去訂閱帶來的固定支出。
- 所用的技術堆疊（Next.js、TypeScript、Tailwind）對多數現代網頁開發者都不陌生。
缺點
- 入門價從 $149 起，想隨手試玩的人不見得會買單。
- 日後要改程式碼得對程式設計有些掌握，官方文件也只講到一定程度。
- 重心放在著陸頁與行銷頁，大型電商或高度仰賴 CMS 的網站得另找工具。
- 免費工具僅限單一用途的產生器，並非完整的建置工具。
常見問題
PageAI 是一款 AI 著陸頁產生器，能把一段文字提示變成可上線的網站。它的代理負責研究、設計、文案與程式碼，最後交給你一份能部署、也能留下的程式碼。
相關內容
探索與 PageAI 相關的工具、技能與文章。
PageAI 替代方案
Base Code
Base44 (Wix) · 程式設計 · 生產力Base Code 是 Base44 推出的共享雲端開發環境。團隊在對話中描述對既有 GitHub 儲存庫的修改，看著預覽確認結果，再以 Pull Request 交回工程團隊。
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
GitGlow
GitGlow · 程式設計 · 生產力GitGlow 是桌面版 Git 用戶端，把你自己的程式碼與 AI 代理程式的變更集中在同一份審查裡，讓你在交付前看清楚機器上究竟要送出什麼。