chore: Improve docs around minimal reproduction (#36188)

Co-authored-by: Karl Horky <[email protected]>

Author: LekoArts

.github/ISSUE_TEMPLATE/BUG_REPORT.yml

@@ -37,7 +37,14 @@ body:
     attributes:
       label: Reproduction Link
       placeholder: "https://github.com/username/repository-name/"
-      description: "Link to a reproduction (GitHub repository, Codesandbox, etc.). **Do not link to your actual project**, but provide a minimal reproduction in a fresh project -- how to make a minimal reproduction: https://gatsby.dev/reproduction"
+      description: |
+        Link to a minimal reproduction (GitHub repository, CodeSandbox, StackBlitz, etc.).
+
+        **Do not link to your actual project**, but provide a minimal reproduction in a fresh project — how to make a minimal reproduction: https://gatsby.dev/reproduction
+
+        You can use these links to quickly set up a new reproduction:
+        - CodeSandbox: https://githubbox.com/gatsbyjs/gatsby-starter-minimal
+        - StackBlitz: https://githubblitz.com/gatsbyjs/gatsby-starter-minimal
     validations:
       required: true
   - type: textarea

docs/contributing/how-to-make-a-reproducible-test-case.md

@@ -21,10 +21,12 @@ A reproducible test case is a great way to share a specific environment that cau
 - Add the code needed to recreate the error you've seen.
 - Publish the code (your GitHub account is a good place to do this) and then link to it when [creating an issue](/contributing/how-to-file-an-issue/).
 
-## Places to develop a reproducible test case
+## Online Development Environments
 
-- Locally with a starter: You can start with a starter locally and then build it on your own machine. Gatsby's official [`gatsby-starter-minimal`](https://github.com/gatsbyjs/gatsby-starter-minimal) is a good foundation for a reproducible test case.
-- Host on CodeSandbox: You can develop a Gatsby site straight from your browser with CodeSandbox using their [Gatsby template](https://codesandbox.io/s/github/gatsbyjs/gatsby-starter-default). CodeSandbox also hosts your site automatically, which can be useful to demonstrate the behavior of your site.
+Instead of cloning `gatsby-starter-minimal` to your local computer and working on it there, you can also use Online IDEs that set up the environment for you. Available options:
+
+- [CodeSandbox](https://githubbox.com/gatsbyjs/gatsby-starter-minimal)
+- [StackBlitz](https://githubblitz.com/gatsbyjs/gatsby-starter-minimal)
 
 ## Benefits of reproducible test cases
 

docs/contributing/rfc-process.md

@@ -48,6 +48,10 @@ In short, to get a major feature added to Gatsby, one usually first puts up a Di
 
   <!-- When defining a canary for installation, tell users to use `--save-exact` (npm) or `--exact` (yarn) flag. -->
 
+  ### CodeSandbox
+
+  Provide an up-to-date CodeSandbox with an example project using the canary. Users can use this project to provide minimal reproductions.
+
   ## Basic example
 
   If the proposal involves a new or changed API, include a basic code example.