chore: add area dropdown to bug report template

.github/ISSUE_TEMPLATE/1.bug_report.yml

@@ -21,36 +21,52 @@ body:
       description: Please run `next info` in the root directory of your project and paste the results. You might need to use `npx --no-install next info` if next is not in the current PATH.
     validations:
       required: true
-  - type: input
+  - type: dropdown
     attributes:
-      label: What browser are you using? (if relevant)
-      description: 'Please specify the exact version. For example: Chrome 100.0.4878.0'
+      label: Which area of Next.js is affected? (leave empty if unsure)
+      multiple: true
+      options:
+        - App directory (appDir: true)
+        - CLI (create-next-app)
+        - Data fetching (gS(S)P, getInitialProps)
+        - Dynamic imports (next/dynamic)
+        - ESLint (eslint-config-next)
+        - Font optimization (@next/font)
+        - Internationalzation (i18n)
+        - Image optmization (next/image, next/legacy/image)
+        - Jest (next/jest)
+        - Middleware / Edge (API routes, runtime)
+        - Package manager (pnpm, Yarn PnP)
+        - Routing (next/router, next/navigation, Link)
+        - Script optimizatzion (next/script)
+        - 'Standalone mode (output: "standalone")'
+        - SWC minifier (swcMinify: true)
+        - SWC transpilation
+        - 'Turbopack (--turbo)'
+        - TypeScript
+        - Other
   - type: input
     attributes:
-      label: How are you deploying your application? (if relevant)
-      description: 'For example: next start, next export, Vercel, Other platform'
-  - type: textarea
-    attributes:
-      label: Describe the Bug
-      description: A clear and concise description of what the bug is.
+      label: Link to reproduction - Issues with a link to complete (but minimal) reproduction code will be addressed faster
+      description: A link to a GitHub repository, a [StackBlitz](https://stackblitz.com/fork/github/vercel/next.js/tree/canary/examples/reproduction-template), or a [CodeSandbox](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/reproduction-template) minimal reproduction. Minimal reproductions should be created from our [bug report template with `npx create-next-app -e reproduction-template`](https://github.com/vercel/next.js/tree/canary/examples/reproduction-template) and should include only changes that contribute to the issue.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Expected Behavior
-      description: A clear and concise description of what you expected to happen.
+      label: To Reproduce
+      description: Steps to reproduce the behavior, please provide a clear description of how to reproduce the issue, based on the linked minimal reproduction. Screenshots can be provided in the issue body below. If using code blocks, make sure that [syntax highlighting is correct](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/creating-and-highlighting-code-blocks#syntax-highlighting) and double check that the rendered preview is not broken.
     validations:
       required: true
-  - type: input
+  - type: textarea
     attributes:
-      label: Link to reproduction - Issues with a link to complete (but minimal) reproduction code will be addressed faster
-      description: A link to a GitHub repository, a [StackBlitz](https://stackblitz.com/fork/github/vercel/next.js/tree/canary/examples/reproduction-template), or a [CodeSandbox](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/reproduction-template) minimal reproduction. Minimal reproductions should be created from our [bug report template with `npx create-next-app -e reproduction-template`](https://github.com/vercel/next.js/tree/canary/examples/reproduction-template) and should include only changes that contribute to the issue.
+      label: Describe the Bug
+      description: A clear and concise description of what the bug is.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: To Reproduce
-      description: Steps to reproduce the behavior, please provide a clear description of how to reproduce the issue, based on the linked minimal reproduction. Screenshots can be provided in the issue body below. If using code blocks, make sure that [syntax highlighting is correct](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/creating-and-highlighting-code-blocks#syntax-highlighting) and double check that the rendered preview is not broken.
+      label: Expected Behavior
+      description: A clear and concise description of what you expected to happen.
     validations:
       required: true
   - type: markdown
@@ -62,3 +78,11 @@ body:
   - type: markdown
     attributes:
       value: These steps are used to add integration tests to ensure the same issue does not happen again. Thanks in advance!
+  - type: input
+    attributes:
+      label: What browser are you using? (if relevant)
+      description: 'Please specify the exact version. For example: Chrome 100.0.4878.0'
+  - type: input
+    attributes:
+      label: How are you deploying your application? (if relevant)
+      description: 'For example: next start, next export, Vercel, Other platform'