cult directory template下載 - cult directory template源代碼下載

cult directory template

Ai源碼

1.0.0

下載

邪教目錄模板

完整的堆棧NextJS + ShadCn + Supabase模板

YouTube入門視頻

該視頻將為您瀏覽如何從頭開始設置目錄應用程序。我們將：

使用CLI設置一個新的Supabase項目
鏈接到我們的應用
設置環境變量
運行數據庫遷移以配置模式
配置身份驗證
註冊管理用戶（付費）
運行一個三階段的AI豐富腳本以填充我們的目錄（付費）
查看管理面板（付費）

特徵

特徵	免費版本	付費版本
Next.js V13	✅	✅
/APP目錄	✅	✅
尾風CSS	✅	✅
shadcn組件	✅	✅
Vercel AI SDK	✅	✅
supabase集成	✅	✅
移動響應能力	✅	✅
提交產品RSC	✅	✅
黑暗與光模式	✅	✅
用戶身份驗證	✅	✅
產品過濾器	✅	✅
自定義色彩主題	✅	✅
免費更新	✅	✅
管理儀表板		✅
管理分析		✅
批量AI數據豐富		✅
執照	GPL-2.0	商業的

定價	自由的	$ 119

加入邪教

付費包含的其他模板

當您加入邪教時，您將獲得終身訪問其他各種高級模板。

模板	描述	特徵	關聯
旅行藏匿處	具有實時同步和PWA支持的離線第一旅行應用程序，旨在管理和計劃旅行目標。	離線功能，實時同步，PWA支持，Next.js，Tailwind CSS，Claude AI，RXDB Progressive Web應用程序	旅行藏匿處
邪教	用於爬行網站，對SEO進行評分以及提供AI驅動的改進的工具。	RSC Web刮擦，網絡生命值，結構化AI輸出，NEXT.JS，尾風CSS，Claude AI	邪教
顯現	用於運送AI應用程序的全堆棧模板，帶有矢量嵌入和RAG檢索。	向量嵌入，抹布檢索，supabase，next.js，尾風CSS，打開AI	顯現
著陸頁	設計訂閱著陸頁。	動畫，獨特的導航，next.js，尾風CSS	著陸頁
後端	各種後端模板滿足不同的需求。	用於不同用例的各種後端解決方案和摘要。	後端

這些模板中的每一個都是完整的設計，並且可以像邪教指導一樣生產。 Next cult stack是。

旨在幫助您快速構建和啟動設計良好的初創公司。

入門

觀看登機視頻快速旋轉

## supabase

安裝Supabase CLI

MAC： brew install supabase/tap/supabase

視窗：

scoop bucket add supabase https: // github.com / supabase / scoop - bucket.git
scoop install supabase

Linux： brew install supabase/tap/supabase
npm/bun： npx supabase <command>

創建一個supabase項目

在Supabase儀表板上或通過CLI創建一個Supabase項目：
```
npx supabase projects create -i " your-saas-app "
```
選擇組織後，可以在URL中找到您的組織ID。

將您的CLI鏈接到項目

將您的CLI鏈接到項目：
```
npx supabase init
npx supabase link
```
選擇您剛創建的項目。

將supabase URL和公共anon鍵存儲在`.env.local` for Next.js中

將supabase URL和公共anon鍵存儲在.env.local for Next.js中：
```
NEXT_PUBLIC_SUPABASE_URL= < api-url >
NEXT_PUBLIC_SUPABASE_ANON_KEY= < anon-key >
```
您可以從API設置頁面中獲取項目API URL和匿名鍵。

設置DB模式

設置DB模式：
這將運行supabase/migrations目錄中的所有遷移
```
supabase db push
```

確保正確配置您的`.env`變量

cp .env.local.example .env.local

 # Example Supabase Config
NEXT_PUBLIC_SUPABASE_URL= " https://examplesqnwerasdfaser.supabase.co "
SUPABASE_PROJECT_ID= " examplesqnwerasdfaser "
NEXT_PUBLIC_SUPABASE_ANON_KEY= " xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.. "

發展

安裝依賴項並運行下一個客戶端

在單獨的終端中，運行以下命令：

pnpm i

pnpm run dev

打開http：// localhost：3000在您的瀏覽器中。

建議關閉確認電子郵件

supabase的默認SMTP利率限制現在非常低。

提供商電子郵件 - API設置頁面。

將產品添加到目錄

要在您的目錄中添加新產品，只需訪問提交頁面：

提交產品

恭喜！

現在，您擁有一個完全種子的數據庫，其中包含開始構建自己的邪教目錄所需的所有數據。

管理設置

僅付費版本

加入邪教

通過您想要的電子郵件帳戶註冊

建議關閉確認電子郵件

supabase的默認SMTP利率限制現在非常低。

對於內置的SMTP服務，速率降低到4小時。
生產太低。您需要使用自己的SMTP服務。

提供商電子郵件 - API設置頁面。

如果您需要電子郵件確認，請遵循這些指南

如何增加Supabase註冊率限制（3000封免費電子郵件 / mo）
如何配置supabase以從域發送電子郵件

登入

複製您新創建的用戶UID

從“驗證用戶”表API設置頁面檢索。

在.env.local複製SUPABASE_ADMIN_ID變量並將其粘貼到SQL編輯器中。

分配管理權

轉到Supabase API設置頁面中的SQL編輯器。

 UPDATE auth . users
SET raw_app_meta_data = jsonb_set(
    coalesce(raw_app_meta_data, ' {} ' ),
    ' {claims_admin} ' ,
    ' true ' ::jsonb
)
WHERE id = ' USER_UUID ' ;

要為用戶分配管理權，請運行以下SQL腳本。用您從驗證用戶表複製的相同用戶ID替換'USER_UUID' 。

3階段AI散裝豐富腳本

種子腳本非常複雜。每個階段都有概述文檔0 supabase/seed/src/README.md

supabase/seed/src/stage-1-crawl/readme.md
supabase/seed/src/stage-2-enrich/readme.md
supabase/seed/src/stage-3-seed/readme.md

我試圖使運行盡可能便宜。根據您的API支持級別，您可以通過使用並發和超時值來提高腳本的性能。

選項1

您需要.env.local文件中的ANTHROPIC_API_KEY或ANTHROPIC_API_KEY來運行supabase/seed/src/stage-2-enrich 。

如果您有一個API鍵，請將其複製到您的.env.local文件。
可選地在supabase/seed/src/main.ts中編輯SEED_URLS變量，以包括您要刮擦和豐富的URL。
運行腳本：
```
pnpm run enrich-seed
```

選項2

如果您沒有API密鑰，則我包括了以前運行的預先增強數據集。您可以在supabase/seed/src/stage-2-enrich/__data__/enriched-20240611T210738.json中看到這一點。

使用此數據集而不是使用鍵進行豐富：

在supabase/seed/src/main.ts上打開文件。

評論104 - 110行：

 // console.log("Step 1: Crawl and save raw data")
// await crawlAndSave(SEED_URLS)
// console.log("Step 1 completed successfully")

// console.log("Step 2: Enrich the latest raw data")
// await enrichLatestData()
// console.log("Step 2 completed successfully")

運行腳本：
```
pnpm run enrich-seed
```

訪問管理儀表板

通過管理儀表板管理目錄的內容和用戶。在這裡訪問：

管理儀表板

定制

自定義顏色主題

為了使您的目錄具有獨特的外觀，請創建一個自定義顏色主題：

設計您的主題
訪問自定義ShadCN主題頁面以設計您的主題。
應用您的主題
有了主題後，請複制相關的CSS並將其粘貼到您的app/globals.css文件中，以5-67替換行。

部署

創建一個新的存儲庫，然後將項目推向GitHub。
轉到Vercel並導入GitHub存儲庫：部署。
在Vercel中設置環境變量
轉到Vercel上的項目設置，並通過複製.env.local文件的內容來設置環境變量。確保包括以下變量：
- NEXT_PUBLIC_SUPABASE_URL您的supabase api url
- NEXT_PUBLIC_SUPABASE_ANON_KEY您的supabase匿名密鑰
- SUPABASE_PROJECT_ID您的supabase項目ID
- SUPABASE_ADMIN_ID應用程序的管理用戶ID
- 任何其他特定於項目設置的環境變量
這是您的環境變量可能是什麼樣子的示例：
```
 NEXT_PUBLIC_SUPABASE_URL="https://abcd1234.supabase.co"
NEXT_PUBLIC_SUPABASE_ANON_KEY="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
SUPABASE_PROJECT_ID="abcd1234"
SUPABASE_ADMIN_ID="efgh5678"
```
部署項目
設置了環境變量後，您可以部署項目。 Vercel將為您處理構建和部署過程。
訪問您的實時申請
部署後，您可以通過Vercel提供的URL訪問實時應用程序。您的應用程序現在應該可以使用並可以使用。