feat: Add support for using next-intl in the app folder with Next.js 13 (see https://next-intl-docs.vercel.app/docs/next-13, #144)

Author: amannn

.github/workflows/main.yml

@@ -10,12 +10,17 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 16.x
       # The Remix example unfortunately doesn't seem to support yarn workspaces
       - uses: bahmutov/npm-install@v1
+      - run: yarn playwright install --with-deps
+
+      # The order matters here
       - run: yarn workspace use-intl run build
       - run: yarn workspace next-intl run build
-      - run: yarn workspaces run lint
-      - run: yarn workspaces run test --ci --maxWorkers=2
       - run: yarn workspace example run build
       - run: yarn workspace example-advanced run build
+      - run: yarn workspace example-next-13 run build
+
+      - run: yarn workspaces run lint
+      - run: yarn workspaces run test

.github/workflows/publish.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: 14.x
+          node-version: 16.x
           registry-url: 'https://registry.npmjs.org'
       - uses: bahmutov/npm-install@v1
       # Seems like after squash & merge the author is unknown to lerna

.gitignore

@@ -2,3 +2,4 @@
 .DS_Store
 node_modules
 dist
+.vscode

lerna.json

@@ -5,6 +5,7 @@
     "packages/next-intl",
     "packages/example",
     "packages/example-advanced",
+    "packages/example-next-13",
     "packages/website"
   ],
   "useWorkspaces": true,

package.json

@@ -9,6 +9,7 @@
     "packages/use-intl",
     "packages/next-intl",
     "packages/example",
+    "packages/example-next-13",
     "packages/example-advanced",
     "packages/website"
   ],

packages/example-advanced/.eslintrc.js

@@ -10,8 +10,6 @@ module.exports = {
     node: true
   },
   rules: {
-    'react/react-in-jsx-scope': 'off',
-    'jsx-a11y/anchor-is-valid': 'off',
-    'react/display-name': 'off'
+    'react/react-in-jsx-scope': 'off'
   }
 };

packages/example-next-13/.eslintrc.js

@@ -0,0 +1,12 @@
+require('eslint-config-molindo/setupPlugins');
+
+module.exports = {
+  extends: [
+    'molindo/typescript',
+    'molindo/react',
+    'plugin:@next/next/recommended'
+  ],
+  rules: {
+    'react/react-in-jsx-scope': 'off'
+  }
+};

packages/example-next-13/.gitignore

@@ -0,0 +1,7 @@
+/node_modules
+/.next/
+.DS_Store
+tsconfig.tsbuildinfo
+/test-results/
+/playwright-report/
+/playwright/.cache/

packages/example-next-13/.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "typescript.tsdk": "../../node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}

packages/example-next-13/README.md

@@ -0,0 +1,3 @@
+# example-next-13
+
+An example that showcases usage of `next-intl` in the `app` folder of Next.js 13.