VSCode settings with Next.js

extensions.json

{
  "recommendations": [
    "formulahendry.auto-rename-tag",
    "irongeek.vscode-env",
    "dsznajder.es7-react-js-snippets",
    "dbaeumer.vscode-eslint",
    "mhutchie.git-graph",
    "github.vscode-pull-request-github",
    "eamodio.gitlens",
    "seatonjiang.gitmoji-vscode",
    "oderwat.indent-rainbow",
    "bierner.markdown-preview-github-styles",
    "davidanson.vscode-markdownlint",
    "pnp.polacode",
    "esbenp.prettier-vscode",
    "gruntfuggly.todo-tree",
    "shardulm94.trailing-spaces",
    "visualstudioexptteam.vscodeintellicode",
    "vscode-icons-team.vscode-icons",
    "tomoki1207.pdf",
    "mosapride.zenkaku",
    "unifiedjs.vscode-mdx",
    "editorconfig.editorconfig"
  ]
}

launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Next.js: debug server-side",
      "type": "node-terminal",
      "request": "launch",
      "command": "npm run dev"
    },
    {
      "name": "Next.js: debug client-side",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:3000"
    },
    {
      "name": "Next.js: debug full stack",
      "type": "node-terminal",
      "request": "launch",
      "command": "npm run dev",
      "serverReadyAction": {
        "pattern": "started server on .+, url: (https?://.+)",
        "uriFormat": "%s",
        "action": "debugWithChrome"
      }
    }
  ]
}

settings.json

{
  // editor
  "editor.renderControlCharacters": true,
  "editor.showFoldingControls": "always",
  "editor.minimap.showSlider": "always",
  "editor.minimap.size": "fit",
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.tabSize": 2,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": ["source.fixAll.eslint"],
  "editor.quickSuggestions": { "strings": true },
  // files
  "files.insertFinalNewline": true,
  "files.trimTrailingWhitespace": true,
  "files.eol": "\n",
  "files.encoding": "utf8",
  // workbench
  "workbench.editor.tabSizing": "shrink",
  "workbench.startupEditor": "readme",
  // typescript
  "typescript.preferences.importModuleSpecifier": "non-relative",
  "typescript.tsdk": "node_modules/typescript/lib",
  // others
  "explorer.incrementalNaming": "smart",
  "search.showLineNumbers": true,
  "debug.inlineValues": "on",
  "yaml.schemas": {
    "https://json.schemastore.org/github-workflow.json": ".github/workflows/*",
    "https://json.schemastore.org/github-issue-config.json": ".github/ISSUE_TEMPLATE/config.yml"
  },
}