Merge pull request #7 from xairoo/dev-next-v14

Updated to next v14, moved the configuration to environment variables

.env

@@ -0,0 +1 @@
+NEXT_TELEMETRY_DISABLED=1

.gitignore

@@ -32,4 +32,6 @@ yarn-error.log*
 .env.production.local
 
 # turbo
-.turbo
+.turbo
+
+!/examples/*/.env.local

examples/web-ts/.env.local

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_I18N_LANGUAGES=["en", "de"]
+NEXT_PUBLIC_I18N_DEFAULT_LANGUAGE=en
+NEXT_PUBLIC_I18N_NAMESPACES=["common", "meta", "error"]
+NEXT_PUBLIC_I18N_DEFAULT_NAMESPACE=common

examples/web-ts/next.config.js

@@ -1,10 +1,14 @@
-const { i18n } = require("./next-i18next-static-site-config");
+const packageJSON = require("./package.json");
 
 const withTM = require("next-transpile-modules")(["next-i18next-static-site"]);
 
 module.exports = withTM({
   reactStrictMode: true,
-  publicRuntimeConfig: {
-    i18n,
+  env: {
+    // Just for the example
+    NEXT_PUBLIC_EXAMPLE_NAME: packageJSON.name,
+    NEXT_PUBLIC_EXAMPLE_VERSION: packageJSON.version,
+    NEXT_PUBLIC_NEXT_VERSION: packageJSON.dependencies.next,
   },
+  output: "export",
 });

examples/web-ts/package.json

@@ -1,31 +1,31 @@
 {
   "name": "web-ts",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3001",
     "build": "next build",
     "start": "next start",
-    "export": "next build && next export",
-    "serve": "serve out",
+    "export": "npm run build --prefix ../../packages/next-i18next-static-site/ && next build && next export",
+    "serve": "serve out -p 3001",
     "lint": "next lint"
   },
   "dependencies": {
     "cookie-cutter": "^0.2.0",
-    "next": "13.0.0",
+    "next": "^14.0.4",
     "next-i18next-static-site": "*",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@types/node": "^17.0.12",
-    "@types/react": "18.0.17",
-    "eslint": "7.32.0",
+    "@babel/core": "^7.22.9",
+    "@types/node": "^20.4.8",
+    "@types/react": "^18.2.18",
+    "eslint": "^8.46.0",
     "eslint-config-custom": "*",
-    "next-transpile-modules": "9.0.0",
-    "serve": "^14.0.1",
+    "next-transpile-modules": "^10.0.1",
+    "serve": "^14.2.0",
     "tsconfig": "*",
-    "typescript": "^4.5.3"
+    "typescript": "^5.1.6"
   }
 }

examples/web-ts/pages/[lang]/index.tsx

@@ -37,6 +37,14 @@ export default function Home() {
           {t("Message count -")}
         </button>
       </p>
+      <pre>
+        Example name: {process.env.NEXT_PUBLIC_EXAMPLE_NAME}
+        {"\n"}
+        Example version: {process.env.NEXT_PUBLIC_EXAMPLE_VERSION}
+        {"\n"}
+        Next.js version: {process.env.NEXT_PUBLIC_NEXT_VERSION}
+        {"\n"}
+      </pre>
     </div>
   );
 }

examples/web/.env.local

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_I18N_LANGUAGES=["en", "de"]
+NEXT_PUBLIC_I18N_DEFAULT_LANGUAGE=en
+NEXT_PUBLIC_I18N_NAMESPACES=["common", "meta", "error"]
+NEXT_PUBLIC_I18N_DEFAULT_NAMESPACE=common

examples/web/next.config.js

@@ -1,10 +1,14 @@
-const { i18n } = require("./next-i18next-static-site-config");
+const packageJSON = require("./package.json");
 
 const withTM = require("next-transpile-modules")(["next-i18next-static-site"]);
 
 module.exports = withTM({
   reactStrictMode: true,
-  publicRuntimeConfig: {
-    i18n,
+  env: {
+    // Just for the example
+    NEXT_PUBLIC_EXAMPLE_NAME: packageJSON.name,
+    NEXT_PUBLIC_EXAMPLE_VERSION: packageJSON.version,
+    NEXT_PUBLIC_NEXT_VERSION: packageJSON.dependencies.next,
   },
+  output: "export",
 });

examples/web/package.json

@@ -1,31 +1,31 @@
 {
   "name": "web",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",
     "build": "next build",
     "start": "next start",
-    "export": "next build && next export",
-    "serve": "serve out",
+    "export": "npm run build --prefix ../../packages/next-i18next-static-site/ && next build && next export",
+    "serve": "serve out -p 3000",
     "lint": "next lint"
   },
   "dependencies": {
     "cookie-cutter": "^0.2.0",
-    "next": "13.0.0",
+    "next": "^14.0.4",
     "next-i18next-static-site": "*",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@types/node": "^17.0.12",
-    "@types/react": "18.0.17",
-    "eslint": "7.32.0",
+    "@babel/core": "^7.22.9",
+    "@types/node": "^20.4.8",
+    "@types/react": "^18.2.18",
+    "eslint": "^8.46.0",
     "eslint-config-custom": "*",
-    "next-transpile-modules": "9.0.0",
-    "serve": "^14.0.1",
+    "next-transpile-modules": "^10.0.1",
+    "serve": "^14.2.0",
     "tsconfig": "*",
-    "typescript": "^4.5.3"
+    "typescript": "^5.1.6"
   }
 }

examples/web/pages/[lang]/index.js

@@ -36,6 +36,14 @@ export default function Home() {
           {t("Message count -")}
         </button>
       </p>
+      <pre>
+        Example name: {process.env.NEXT_PUBLIC_EXAMPLE_NAME}
+        {"\n"}
+        Example version: {process.env.NEXT_PUBLIC_EXAMPLE_VERSION}
+        {"\n"}
+        Next.js version: {process.env.NEXT_PUBLIC_NEXT_VERSION}
+        {"\n"}
+      </pre>
     </div>
   );
 }