DirectoryStack
The Keyword Company · 寫作 · 行銷 · 商業 · 其他
DirectoryStack 是付費的 Next.js 15 目錄網站範本。清單、後台、收款與 AI 匯入模組一次買斷，適合想自己掌握程式碼與主機的開發者。
關於 DirectoryStack
About
什麼是 DirectoryStack
DirectoryStack 賣的是程式碼，不是託管服務。向 The Keyword Company 買授權，下載專案，接上自己的資料庫再部署上線。技術底層是 Next.js 15、TypeScript、Tailwind，登入與資料交給 Supabase。
賣點是速度。目錄專案幾乎都卡在同樣的雜事：清單資料模型、分類、標籤、搜尋、會員帳號、審核、後台與收款流程。目錄網站樣板把這些先做好，第一週就能花在挑選主題與充實內容，而不是重寫基礎功能。
限制也一樣清楚。這是給開發者用的產品，要讀文件、設定環境變數、跑資料庫移轉，主機費用另計。沒有免費方案可以先翻程式碼，只能買了才看得到。第二版是整份重寫，第一版做過的客製無法直接搬過來。
開始使用
- 在官網購買 Foundation 或 Foundation Plus 授權，從帳號下載原始碼壓縮檔。
- 安裝 Node.js 與套件管理工具，在專案資料夾執行安裝指令。
- 建立 Supabase 專案，把 API 金鑰填進環境變數檔，執行資料庫初始化。
- 啟動本機伺服器，手動新增幾筆清單，確認搜尋、分類與標籤都能運作。
- 部署到 Vercel 或其他 Node 主機，綁定網域，再把示範內容換成自己的資料。
產品資訊
快速了解 DirectoryStack 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 獨立開發者：花不到一週接案行情的錢，就能拿到整套目錄程式碼，前提是熟悉 Next.js 與 Supabase。
- 小型工作室：一份授權可涵蓋自己經營的多個目錄；替客戶代做則要另外談團隊或工作室報價。
- 沒有技術背景但身邊有工程師的創業者：日常上架與修改靠後台就能處理，技術支援集中在開站那幾天。
任務
- 開一個垂直主題目錄：分類、標籤、搜尋與篩選都已經接好，時間可以花在決定要收哪些清單。
- 向商家收費：付費認領與 Stripe 模組能把免費的 AI 目錄變成收費目錄，不必自己寫結帳流程。
- 大量匯入清單：網址匯入模組會批次抓取網站、產生介紹文字、截圖並抓 Favicon，然後直接上架。
- 用內容帶流量：部落格模組與首頁區塊讓你在清單之外寫導購與教學文，不必再開第二個站。
情境
- 週末驗證一個目錄點子：官方安裝影片從取得原始碼到綁定網域上線，大約 77 分鐘。
- 有固定交期的客戶專案：模組化設計讓你只開簡報要求的模組，其餘不必裝。
- 靠自然搜尋帶流量的產品站：伺服器端渲染、Sitemap 與中繼資料都由範本處理，對以 SEO 為主要流量來源的站很關鍵。
主要功能
核心與擴充並行的模組化架構
範本拆成核心模組與擴充模組。核心包含前台、會員專區、管理後台、設定管理、法務頁面與行為追蹤；擴充則補上留言、社群登入、Webhook、批次上傳、部落格與收款。每個專案只裝需要的部分，程式碼才不會變成看不懂的一團。
清單、分類與標籤
清單是資料模型的重心，分類與標籤掛在兩側負責瀏覽與篩選。每筆清單都能加自訂欄位，地方商家可以存營業時間與無障礙設施，AI 工具則記價格與支援平台。官方文件有教學，示範怎麼新增欄位並把它變成側邊欄的篩選條件。
具備行為追蹤的管理後台
後台把清單、使用者、分類與審核集中在一處。行為追蹤會記錄訪客在目錄裡的移動路徑，對決定首頁要主打什麼、哪些分類該補清單很有幫助。
收款與付費認領
Stripe 由獨立模組處理。付費認領讓廠商付錢取回自己的清單所有權，是目錄事業常見的收入模式。兩者都放在擴充模組裡，可以先免費開站，之後再打開收費。
用 AI 批次建立清單
貼上一批網址、選好預設值，背景任務就會逐站抓取、寫出清單文案、拍下畫面並下載 Favicon。作者標明這是早期測試版，遇到有防機器人機制的網站可能失敗。對收錄數百款工具的 AI 目錄來說，可以省下好幾天的文案工。
開發工具與 Webhook
Cursor Rules 以 19 個檔案描述專案結構，讓 AI 編輯器少走冤枉路，客製速度因此快上不少。Webhook 整合能把範本接到 Zapier、n8n 或 Make，QStash 模組則把長時間任務丟進佇列，避免被 Vercel 的函式時限砍斷。
優缺點
優點
- 一次付款、沒有訂閱，單人授權可經營不限數量的目錄。
- 技術棧跟得上現況：Next.js 15、TypeScript、Supabase，多數團隊本來就在用。
- 模組化設計讓小專案不必背著永遠不會開啟的收款或部落格程式碼。
- 官方文件加上 77 分鐘安裝影片，從下載到上線的路徑講得清楚。
- 擴充模組對準真實收入：付費認領、Stripe 結帳、以 pledge 做贊助曝光。
缺點
- 沒有免費方案也沒有試用下載，付錢之前看不到任何一行程式碼。
- 主機、資料庫與網域費用都在授權之外，Supabase 免費額度也有上限。
- 買 Foundation 的人要另購擴充，加總後可能比 Foundation Plus 更貴。
- 第二版與第一版不相容，既有的客製要重做。
常見問題
會拿到一套 Next.js 15 目錄網站的完整原始碼、對應方案的模組、文件，以及 Discord 社群權限。沒有託管帳號，也沒有月費。
相關內容
探索與 DirectoryStack 相關的工具、技能與文章。
DirectoryStack 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
MePersona
MePersona, Inc. · 寫作 · 生產力 · 行銷MePersona 是為創作者設計的 AI 統一收件匣。它學習你的說話方式，在 12 個平台上草擬粉絲訊息回覆，只送出你核准的內容。
Fluence
Yay Software (Yannick Huchard) · 寫作 · 語音與語言 · 生產力Fluence 是 Android 上的文件閱讀器，能朗讀 PDF、EPUB、Word 檔與網路文章，逐句跟著語音標示，並在手機上直接回答你對內容的提問。