Supawald 安装与配置指南

Supawald 安装与配置指南

supawald Supawald is a headless CMS for Supabase Storage. An out-of-the-box interface for managing files, images, and content in your Supabase Storage buckets with real-time updates and static site generation support. Manage files, set permissions, and connect directly to your Supabase project. 项目地址: https://gitcode.com/gh_mirrors/su/supawald

1. 项目基础介绍

Supawald 是一个基于 Supabase 存储的头less CMS（内容管理系统）。它为开发者提供了一个即插即用的界面，用于管理存储在 Supabase 存储桶中的文件、图片和内容。这个系统支持实时更新和静态网站生成。

主要编程语言：TypeScript

2. 关键技术和框架

• Supabase：一个开源的替代方案，提供数据库、认证、存储等功能。
• Next.js：一个基于 React 的框架，用于构建服务器端渲染或静态生成的网页应用程序。
• Tailwind CSS：一个功能类优先的 CSS 框架，用于快速UI开发。
• TypeScript：JavaScript 的一个超集，添加了静态类型选项。

3. 安装和配置准备工作

在开始之前，请确保您已经安装了以下依赖：

• Node.js（版本 18+）
• npm 或 yarn 包管理器
• Supabase 账户（免费层级可用）

安装步骤

1. 创建一个新的 Supawald 项目

   使用以下命令创建一个新的 Supawald 项目：

   npx create-supawald my-app
   

   将 my-app 替换为您希望的项目名称。

2. 进入项目目录

   创建项目后，使用以下命令进入项目目录：

   cd my-app
   

3. 安装依赖

   在项目目录中，运行以下命令安装项目依赖：

   npm install
   

   或者如果您使用 yarn：

   yarn install
   

4. 配置 Supabase

   在 Supabase 中创建一个新的存储桶，并获取您的项目 URL 和匿名密钥。您可以在 Supabase 设置的 API 部分找到这些信息。

5. 设置环境变量

   将 .env.example 文件复制为 .env.local，并填写您的 Supabase 凭据：

   NEXT_PUBLIC_SUPABASE_URL=your-project-url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
   NEXT_PUBLIC_BUCKET_NAME=your-bucket-name
   AUTH_USERNAME=admin
   AUTH_PASSWORD=your-secure-password
   

   替换 your-project-url、your-anon-key、your-bucket-name 和 your-secure-password 为您实际的 Supabase 凭据。

6. 启动开发服务器

   运行以下命令以启动开发服务器：

   npm run dev
   

   或者如果您使用 yarn：

   yarn dev
   

7. 访问项目

   使用浏览器访问 http://localhost:3000 并使用您设置的凭据登录。

现在，您应该已经成功安装并配置了 Supawald，并可以开始管理您的文件和内容了。如果您遇到任何问题，请查阅项目的官方文档或向社区寻求帮助。

supawald Supawald is a headless CMS for Supabase Storage. An out-of-the-box interface for managing files, images, and content in your Supabase Storage buckets with real-time updates and static site generation support. Manage files, set permissions, and connect directly to your Supabase project. 项目地址: https://gitcode.com/gh_mirrors/su/supawald