feat(infra): migrate to Next.js infrastructure

.editorconfig

@@ -1,13 +1,9 @@
-# https://editorconfig.org/
-
 root = true
 
 [*]
 indent_style = space
 indent_size = 2
 end_of_line = lf
-insert_final_newline = true
+charset = utf-8
 trim_trailing_whitespace = true
-
-[*.svg]
-insert_final_newline = false
+insert_final_newline = true

.eslintignore

@@ -1,4 +1,17 @@
-**/*.min.js
-static/legacy/
-external/
-build/
+build
+.next
+external
+styles
+node_modules
+public/en/user-survey-report
+public/static/documents
+public/static/legacy
+
+# These should be fixed in the future as the
+# tests and scripts will be updated in this PR
+tests
+
+# MDX Plugin enforces Prettier formatting which should
+# be done in the future as we don't want to update the Markdown file
+# contents right now
+pages/**/*.md

.eslintrc

@@ -1,51 +1,72 @@
 {
-  "extends": [
-    "eslint:recommended",
-    "standard",
-    "prettier"
-  ],
-  "plugins": [
-    "prettier"
-  ],
-  "rules": {
-    "prettier/prettier": "error"
-  },
+  "extends": ["eslint:recommended", "next"],
   "overrides": [
     {
-      "files": [
-        "**/*.md"
-      ],
-      "plugins": [
-        "markdown"
-      ],
-      "processor": "markdown/markdown"
+      "files": ["**/*.{mjs,js,jsx,ts,tsx}"],
+      "extends": ["plugin:prettier/recommended"],
+      "env": { "node": true, "es6": true }
+    },
+    {
+      "files": ["**/*.{ts,tsx}"],
+      "globals": { "globalThis": false }
+    },
+    {
+      "files": ["**/*.tsx"],
+      "rules": {
+        "react/no-unused-prop-types": "off",
+        "react/require-default-props": "off",
+        "react/jsx-props-no-spreading": "off",
+        "react-hooks/rules-of-hooks": "error",
+        "react-hooks/exhaustive-deps": "warn",
+        "consistent-return": "off",
+        "react/function-component-definition": [
+          "error",
+          {
+            "namedComponents": "arrow-function",
+            "unnamedComponents": "arrow-function"
+          }
+        ],
+        "react/jsx-filename-extension": [
+          2,
+          { "extensions": [".js", ".jsx", ".ts", ".tsx"] }
+        ]
+      }
+    },
+    {
+      "files": ["**/*.{md,mdx}"],
+      "extends": ["plugin:mdx/recommended"],
+      "settings": { "mdx/code-blocks": false },
+      "rules": { "react/jsx-no-undef": "off", "no-useless-escape": "off" }
     },
     {
       "files": [
-        "**/*.md/*.js"
+        "pages/*/about/*.{md,mdx}",
+        "pages/*/download/*.{md,mdx}",
+        "pages/*/get-involved/*.{md,mdx}",
+        "pages/*/docs/*.{md,mdx}",
+        "pages/*/*.{md,mdx}"
       ],
-      "parserOptions": {
-        "ecmaVersion": "latest"
-      },
+      "settings": { "mdx/code-blocks": true }
+    },
+    {
+      "files": ["pages/**/*.{md,mdx}/*.{js,jsx,cjs,mjs,ts,tsx}"],
       "rules": {
-        "eqeqeq": "off",
-        "n/no-deprecated-api": "off",
-        "n/handle-callback-err": "off",
-        "no-const-assign": "off",
+        "camelcase": "off",
+        "@typescript-eslint/no-unused-vars": "off",
+        "consistent-return": "off",
+        "func-names": "off",
+        "import/extensions": "off",
+        "import/no-extraneous-dependencies": "off",
+        "import/no-unresolved": "off",
+        "no-console": "off",
+        "no-empty": "off",
+        "no-restricted-globals": "off",
+        "no-restricted-syntax": "off",
         "no-undef": "off",
+        "no-underscore-dangle": "off",
         "no-unused-expressions": "off",
         "no-unused-vars": "off",
-        "node/handle-callback-err": "off",
-        "node/no-deprecated-api": "off",
-        "prefer-const": "off",
-        "prettier/prettier": [
-          "error",
-          {
-            "singleQuote": true,
-            "trailingComma": "none"
-          }
-        ],
-        "semi": ["error", "always"]
+        "prefer-promise-reject-errors": "off"
       }
     }
   ]

.github/ISSUE_TEMPLATE/01-bug-report.yml

@@ -11,37 +11,36 @@ body:
         for us to fix it when you attach a screenshot as well.
   - type: input
     attributes:
-      label: "URL:"
+      label: 'URL:'
       description: The URL of the page you are reporting an issue on.
       placeholder: https://nodejs.org/en/
     validations:
       required: true
   - type: input
     attributes:
-      label: "Browser Name:"
-      description: What kind of browser are you using? 
+      label: 'Browser Name:'
+      description: What kind of browser are you using?
       placeholder: Chrome
     validations:
       required: true
   - type: input
     attributes:
-      label: "Browser Version:"
+      label: 'Browser Version:'
       description: What version of browser are you using?
-      placeholder: "103.0.5060.134"
+      placeholder: '103.0.5060.134'
     validations:
       required: true
   - type: input
     attributes:
-      label: "Operation System:"
-      description: 
-        What kind of operation system are you using
+      label: 'Operation System:'
+      description: What kind of operation system are you using
         (Write it in full, with version number)?
-      placeholder: "Windows 10, 21H2, 19044.1826"
+      placeholder: 'Windows 10, 21H2, 19044.1826'
     validations:
       required: true
   - type: textarea
     attributes:
-      label: "How to reproduce the issue:"
+      label: 'How to reproduce the issue:'
       placeholder: |
         1. What I did. 
         2. What I expected to happen. 

.github/ISSUE_TEMPLATE/02-feature-request.yml

@@ -12,7 +12,7 @@ body:
         so it might be a good idea to check out our plans there as well: https://github.com/nodejs/nodejs.dev/issues/.
   - type: textarea
     attributes:
-      label: "Enter your suggestions in details:"
+      label: 'Enter your suggestions in details:'
       placeholder: |
         1. What I expected to happen.
         2. Your reason (if possible, images or videos are welcome).

.github/ISSUE_TEMPLATE/03-i18n.yml

@@ -10,7 +10,7 @@ body:
         to create a new localization team.
   - type: textarea
     attributes:
-      label: "Enter your issue on localizations here:"
+      label: 'Enter your issue on localizations here:'
       placeholder: |
         1. The name of the team (e.g: nodejs/node-cn).
         2. Any problems to report or you want to create it?

.github/dependabot.yml

@@ -1,12 +1,12 @@
 version: 2
 updates:
   - package-ecosystem: github-actions
-    directory: "/"
+    directory: '/'
     schedule:
       interval: weekly
     open-pull-requests-limit: 10
   - package-ecosystem: npm
-    directory: "/"
+    directory: '/'
     schedule:
       interval: weekly
     open-pull-requests-limit: 10

.github/workflows/ci.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "lts/*"
+          node-version-file: '.nvmrc'
           cache: npm
 
       - name: Install npm dependencies
@@ -31,9 +31,9 @@ jobs:
       - name: Lint
         run: |
           echo "::add-matcher::.github/workflows/remark-lint-problem-matcher.json"
-          npm run test:lint
+          npm run lint
 
-  test:
+  build:
     name: Node on ${{ matrix.os }}
     runs-on: ${{ matrix.os }}
 
@@ -49,28 +49,47 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "lts/*"
+          node-version-file: '.nvmrc'
           cache: npm
 
-      - run: java -version
-
-      - name: Install npm dependencies
+      - name: Install NPM dependencies
         run: npm ci
 
-      - name: Build
-        run: npm run build
-
-      - name: Run unit tests
-        run: npm run test:unit
+      - name: Restore Next.js cache
+        uses: actions/cache/restore@v3
+        with:
+          path: |
+            ${{ github.workspace }}/.next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
 
-      - name: Run HTML validator
-        run: npm run test:html
+      - name: Build Next.js
+        run: npm run build
+        env:
+          NODE_OPTIONS: '--max_old_space_size=4096'
 
-      - name: Run linkinator
-        uses: JustinBeckwith/linkinator-action@v1
+      - name: Save Next.js cache
+        uses: actions/cache/save@v3
         with:
-          linksToSkip: "^(?!http://localhost)"
-          paths: en
-          recurse: true
-          serverRoot: build
-          verbosity: error
+          path: |
+            ${{ github.workspace }}/.next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('.next/cache/eslint') }}
+
+      - name: Export Next.js
+        run: npm run export
+
+      # We don't generate non-translated pages. So if a certain page on /en/ exists
+      # but not on /de/ or any other language, it will 404. This is handled on nginx level
+      # Prior to this migration Metalsmith would copy the English version of a page to all
+      # the non-translated pages. "Fooling" the 404 by basically adding i18n context with
+      # an untranslated page. This would be very exhaustive with Next.js on SCG mode
+      # but it's something we want to do once we decide upon using Next.js on SSR mode or
+      # if we decide upon using Vercel's infrastructure as generating a copy of every English page
+      # on the file system is very resource exhaustive.
+      # - name: Run linkinator
+      #   uses: JustinBeckwith/linkinator-action@v1
+      #   with:
+      #     linksToSkip: '^(?!http://localhost)'
+      #     paths: en
+      #     recurse: true
+      #     serverRoot: build
+      #     verbosity: error

.github/workflows/codeql.yml

@@ -1,4 +1,4 @@
-name: "CodeQL"
+name: 'CodeQL'
 
 on:
   push:
@@ -8,7 +8,7 @@ on:
     branches:
       - main
   schedule:
-    - cron: "0 0 * * 0"
+    - cron: '0 0 * * 0'
   workflow_dispatch:
 
 jobs:
@@ -27,7 +27,7 @@ jobs:
       - name: Initialize CodeQL
         uses: github/codeql-action/init@v2
         with:
-          languages: "javascript"
+          languages: 'javascript'
 
       - name: Perform CodeQL Analysis
         uses: github/codeql-action/analyze@v2

.gitignore

@@ -1,5 +1,3 @@
-# Generated HTML and other static files
-build/
 # Commonly ignored Node.js files
 node_modules/
 npm-debug.log
@@ -10,7 +8,13 @@ npm-debug.log
 .AppleDouble
 .LSOverride
 
-# Netlify
-.netlify
+# Next.js files
+.next
+build
+public/sitemap.xml
+public/en/feed/*.xml
+pages/en/blog/year-[0-9][0-9][0-9][0-9].md
 
-.cache/
+# ESLint Cache Files
+.eslintjscache
+.eslintmdcache

.nvmrc

@@ -0,0 +1 @@
+lts/hydrogen

.prettierignore

@@ -0,0 +1,17 @@
+build
+.next
+external
+styles
+node_modules
+public/en/user-survey-report
+public/static/documents
+public/static/legacy
+
+# These should be fixed in the future as the
+# tests and scripts will be updated in this PR
+tests
+
+# MDX Plugin enforces Prettier formatting which should
+# be done in the future as we don't want to update the Markdown file
+# contents right now
+pages/**/*.md

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "jsxSingleQuote": false,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "avoid"
+}