feat: 国际化插件 & 基础配置

Author: OweQian

components/layout/index.tsx

@@ -24,4 +24,4 @@ const Layout: FC<ILayoutProps & { children: JSX.Element }> = ({
   );
 };
 
-export default Layout;
+export default Layout;

components/navbar/index.tsx

@@ -1,4 +1,4 @@
-import {FC, useContext} from "react";
+import {FC, useContext, useEffect} from "react";
 import styles from "./styles.module.scss";
 import Image from "next/image";
 import logoIcon from "@/public/logo-icon.svg";

next-i18next.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  i18n: {
+    defaultLocale: 'zh-CN',
+    locales: ['en', 'zh-CN'],
+  },
+  localePath: 'public/locales',
+  defaultNS: [],
+  debug: false,
+  ns: ['header', 'main', 'footer']
+}

next.config.js

@@ -1,10 +1,11 @@
 const path = require("path");
 
 const semi = require("@douyinfe/semi-next").default({});
-
+const { i18n } = require('./next-i18next.config')
 module.exports = semi({
   reactStrictMode: true,
   swcMinify: true,
+  i18n,
   webpack: (config) => {
     config.resolve.alias = {
       ...config.resolve.alias,