Next.js for Drupal 多语言模板使用教程

1. 项目介绍

Next.js for Drupal 是由 Wunder 开发的一个用于构建解耦网站的开源项目。该项目基于 Chapter Three 的 Next.js for Drupal 项目，通过提供自动化配置和演示内容，帮助开发者快速搭建一个多语言支持的网站。该模板旨在减少本地环境搭建的复杂性，并针对 Drupal 网站最常见的功能需求提供简单解决方案。

2. 项目快速启动

克隆仓库

首先，需要克隆这个项目到本地：

git clone https://github.com/wunderio/next-drupal-starterkit.git

选择本地环境

该项目支持 Lando 和 DDEV 两种本地开发环境。确保已经安装了其中之一。

使用 Lando

运行以下脚本以设置 Lando 环境：

./setup-lando.sh

脚本将执行一系列命令来设置环境。如果遇到错误，可以重新运行脚本，它会从上次停止的地方继续。如果需要从头开始，可以添加 -c 参数运行脚本。

./setup-lando.sh -c

使用 DDEV

运行以下脚本以设置 DDEV 环境：

./setup-ddev.sh

脚本将执行一系列命令来设置环境。如果遇到错误，可以重新运行脚本，它会从上次停止的地方继续。如果需要从头开始，可以添加 -c 参数运行脚本。

./setup-ddev.sh -c

访问项目

完成设置后，可以通过以下 URL 访问项目：

• Lando:
  • 后端: https://next-drupal-starterkit.lndo.site/
  • 前端: https://frontend.lndo.site/
• DDEV:
  • 后端: https://next-drupal-starterkit.ddev.site
  • 前端: https://frontend.ddev.site

3. 应用案例和最佳实践

• 草稿模式: 模板支持编辑者使用草稿模式，可以在 Drupal 后端查看草稿页面的预览。
• Drupal 预览: 在保存前，可以通过 Drupal 后端的预览按钮查看内容更改。
• 按需重新验证: 当保存或编辑内容时，相应的前端页面将被重新创建。
• Metatag 支持: 模板包括基本的 Metatag 支持，用于优化搜索引擎的页面元数据。

4. 典型生态项目

Next.js for Drupal 模板是一个构建在多个项目之上的生态的一部分。以下是一些与该模板配合使用的典型项目：

• Lando 或 DDEV: 本地开发环境。
• Elasticsearch: 用于搜索索引和前端搜索界面。
• Metatag 模块: 在 Drupal 后端添加内容基础元数据。

通过整合这些项目，开发者可以构建功能丰富的多语言网站。