开源项目教程：Cult Directory Template

开源项目教程：Cult Directory Template

cult-directory-template A full stack Next.js, Shadcn, and Supabase directory template. Build your startup directory effortlessly with features like user authentication, product filters, and customizable themes. Advanced admin perks and AI magic. 项目地址: https://gitcode.com/gh_mirrors/cu/cult-directory-template

1. 项目介绍

Cult Directory Template 是一个基于 Next.js、Shadcn UI 组件库和 Supabase 的全栈目录模板。该模板为开发者提供了一个快速启动平台，用于构建具有用户认证、产品筛选和自定义主题等功能的应用。它还包括一个高级管理员面板和人工智能增强功能，使得创建和管理目录应用变得异常简单。

2. 项目快速启动

环境准备

在开始之前，请确保您的系统中已安装以下工具：

• Node.js
• npm 或 yarn
• Supabase CLI

克隆项目

首先，克隆项目到本地环境：

git clone https://github.com/nolly-studio/cult-directory-template.git
cd cult-directory-template

初始化 Supabase 项目

按照以下步骤创建并链接 Supabase 项目：

1. 在 Supabase 仪表板中创建新项目，或使用 CLI 命令：

   npx supabase projects create -i "your-project-name"
   

2. 获取您的组织 ID，并使用 CLI 将其链接到项目：

   npx supabase init
   npx supabase link
   

3. 在项目设置页面获取项目 API URL 和匿名密钥，并将其存储在 .env.local 文件中：

   NEXT_PUBLIC_SUPABASE_URL=<api-url>
   NEXT_PUBLIC_SUPABASE_ANON_KEY=<anon-key>
   

数据库迁移

运行以下命令以应用数据库迁移：

supabase db push

安装依赖并启动开发服务器

pnpm i
pnpm run dev

在浏览器中打开 http://localhost:3000 查看您的应用。

3. 应用案例和最佳实践

• 用户认证：Cult Directory Template 提供了用户认证功能，您可以使用它来管理用户的登录和注册。
• 产品筛选：利用内置的筛选功能，用户可以根据不同的条件查找和筛选产品。
• 自定义主题：模板支持自定义主题，允许您根据品牌风格调整应用的外观。

4. 典型生态项目

• Travel Stash：一个具有离线能力和 PWA 支持的旅行应用，用于管理和规划旅行目标。
• Cult SEO：一个用于爬取网站、评分 SEO 并提供人工智能驱动改进的工具。
• Manifest：一个用于快速部署具有向量嵌入和 RAG 检索功能的人工智能应用的全栈模板。

以上是 Cult Directory Template 的简要教程，希望对您的开发工作有所帮助。

cult-directory-template A full stack Next.js, Shadcn, and Supabase directory template. Build your startup directory effortlessly with features like user authentication, product filters, and customizable themes. Advanced admin perks and AI magic. 项目地址: https://gitcode.com/gh_mirrors/cu/cult-directory-template