利用Next.js和无头CMS构建多语言对应网站
Next.js+next-intl+Strapi
next.js
strapi

需要多语言对应的内容来源包括数据库和代码。

  1. 首先进行数据库的多语言对应 strapi_internationalization.png strapi_content_type_builder.png

  2. 其次进行代码常量部分的多语言对应 vscode_messages.png

  3. 导入多语言对应的Next.js库next-intl

    npm install next-intl
    

    利用方法请参照https://next-intl.dev/docs/getting-started/app-router

  4. 根据指定语言获取对应的资源 vscode_layout.png

  5. 实装语言切换控件