Sanity Squizzy 项目启动与配置教程

1. 项目的目录结构及介绍

Sanity Squizzy 是一个基于 Sanity.io 的开源项目。以下是项目的目录结构及各部分功能介绍：

squizzy/
├── .github/                    # GitHub 相关配置文件
│   └── workflows/              # GitHub Actions 工作流配置
├── .vscode/                    # Visual Studio Code 配置
├── assets/                     # 静态资源文件，如图像、样式表等
├── components/                 # React 组件
├── pages/                      # 页面组件，用于定义不同路由
├── schemas/                    # Sanity 架构定义文件
├── src/                        # 源代码目录
│   ├── api/                    # API 请求相关代码
│   ├── hooks/                  # 自定义 React 钩子
│   ├── utils/                  # 工具函数
│   └── ...                      # 其他源代码文件
├── styles/                     # 样式文件
├── templates/                  # 模板文件，用于生成特定页面的结构
├── tools/                      # 辅助工具脚本
├── package.json                # 项目依赖和脚本
└── README.md                   # 项目说明文件

2. 项目的启动文件介绍

项目的启动主要依赖于 package.json 文件中的脚本。以下是主要的启动脚本：

• start: 启动开发服务器，通常用于本地开发。
• build: 构建项目，用于生成生产环境的静态文件。
• serve: 启动静态文件服务器，用于访问构建后的项目。

在终端中，运行以下命令可以启动开发服务器：

npm start

3. 项目的配置文件介绍

项目的配置主要集中在以下几个文件：

• package.json: 定义项目的依赖、脚本和元数据。其中的 scripts 字段包含了启动、构建和其他项目的操作命令。
• .env: 环境变量配置文件，用于存储项目中的敏感信息和配置项，如 API 密钥、数据库连接字符串等。
• sanity.json: Sanity 配置文件，定义了项目的架构和配置，包括数据模型、接口、权限等。

确保在项目根目录中创建 .env 文件，并添加以下环境变量：

NEXT_PUBLIC_API_KEY=your_api_key
NEXT_PUBLIC_API_SECRET=your_api_secret

这些环境变量将在项目中用于连接到 Sanity 数据库。替换 your_api_key 和 your_api_secret 为实际的 API 密钥和密钥。

完成以上步骤后，你就可以开始开发你的 Sanity Squizzy 项目了。