Next.js 与 Strapi 开发模板使用教程

Next.js 与 Strapi 开发模板使用教程

nextjs-strapi-boilerplate :art: Boilerplate for building applications using Strapi and Next.js 项目地址: https://gitcode.com/gh_mirrors/ne/nextjs-strapi-boilerplate

一、项目目录结构及介绍

本项目是基于 Next.js 和 Strapi 的开发模板，其目录结构如下：

• backend/: 包含 Strapi 后端应用的所有文件。此目录中通常包含 Docker 配置文件，以及 Strapi 应用的源代码。
• frontend/: 包含 Next.js 前端应用的所有文件。这里是用户界面的主要开发区域。
• .gitignore: 指定 Git 忽略的文件和目录。
• .release-it.json: 包含版本发布配置的文件。
• changelog.md: 记录项目更新和修改的历史。
• license.md: 项目使用的许可证信息。
• package.json: 定义项目的依赖和脚本。
• readme.md: 项目说明文件。
• yarn.lock: 锁定项目的依赖版本。

二、项目的启动文件介绍

前端启动

前端使用 Next.js，启动步骤如下：

1. 切换到 frontend 目录下。
2. 运行 yarn install 命令安装依赖。
3. 创建 .env 文件，并从 .env.example 文件中复制必要的环境变量。
4. 运行 yarn dev 命令启动开发服务器，应用将在 http://localhost:3000 上运行。

后端启动

后端为 Docker 化的 Strapi 应用，启动步骤如下：

1. 切换到 backend 目录下。
2. 运行 docker-compose up 命令，Docker 将启动 Strapi 服务。
3. Strapi 应用将在 http://localhost:1337/graphql 上提供 GraphQL 服务。

三、项目的配置文件介绍

前端配置

前端主要使用的配置文件是 .env 文件，该文件中包含了应用运行所需的环境变量，如 API 端点、认证信息等。

后端配置

后端配置主要在 Strapi 管理界面中完成：

• 设置权限：为 Feed 内容类型授权，允许认证用户进行所有操作。
• 配置认证提供者：启用 Google 认证提供者，并设置相应的客户端 ID 和密钥。

项目的详细配置和优化将在 Strapi 管理界面中根据具体需求进行调整。

nextjs-strapi-boilerplate :art: Boilerplate for building applications using Strapi and Next.js 项目地址: https://gitcode.com/gh_mirrors/ne/nextjs-strapi-boilerplate