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访问实时应用程序。您的应用程序现在应该可以使用并可以使用。