Update links and make minor copy edits

Alex Krawiec · Alex Krawiec · commit ac96a19377c0 · 2024-10-15T14:03:59.000-07:00
diff --git a/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx b/docs/product/sentry-basics/distributed-tracing/generate-first-error.mdx
@@ -14,7 +14,7 @@ To start using Sentry's error monitoring feature, you need some errors first. Le
 
 If you're using your own source code, skip this step. Instead, select your [platform](/platforms/) and follow its **Verify** step inside the **Getting Started** guide to introduce an error.
 
-1. In the `tracing-frontend` repo, open `src/App.js` and update the `onClick` handler by replacing the string passed to the `getProduct()` function from `nonfat-water` to `debug-sentry`.
+1. In the `tracing-tutorial-frontend` repo, open `src/App.js` and update the `onClick` handler by replacing the string passed to the `getProduct()` function from `nonfat-water` to `debug-sentry`.
 
 ```jsx {filename:App.js}
     <div className="btn-parent">
@@ -28,7 +28,7 @@ If you're using your own source code, skip this step. Instead, select your [plat
        </button>
     </div>
 ```
-Take note that in the `server.js` file of the `backend-tracing` repo, there is a middleware function handling the `/products/debug-sentry` route, which throws a sample error:
+Take note that in the `server.js` file of the `tracing-tutorial-backend` repo, there is a middleware function handling the `/products/debug-sentry` route, which throws a sample error:
 
 ```javascript{filename:server.js}
 app.get("/products/debug-sentry", (req, res) => {
@@ -41,9 +41,9 @@ app.get("/products/debug-sentry", (req, res) => {
 
 1. Save the file.
 
-1. Go back to the browser window and try clicking on the **Nonfat Water** button again, you will no longer see the expected product information. Instead, you'll see text saying something went wrong.  If you look at line 88 of the `App.js` file in the `frontend-tracing` repo, you'll see this is what the frontend displays when it's call to the backend doesn't return any data.
+1. Go back to the browser window and try clicking on the **Nonfat Water** button again, you will no longer see the expected product information. Instead, you'll see text saying something went wrong.  If you look at line 88 of the `App.js` file in the `tracing-tutorial-frontend` repo, you'll see this is what the frontend displays when it's call to the backend doesn't return any data.
 
-1. Open the terminal window that's running the `backend-tracing` server. Here, you'll see that a log letting you know that an error has occurred.
+1. Open the terminal window that's running the `tracing-tutorial-backend` server. Here, you'll see that a log letting you know that an error has occurred.
 
 ```bash
 Sentry Error thrown!
diff --git a/docs/product/sentry-basics/distributed-tracing/index.mdx b/docs/product/sentry-basics/distributed-tracing/index.mdx
@@ -10,7 +10,7 @@ This step-by-step tutorial walks you through setting up Sentry in both a fronten
 - Trigger a sample front-error that in turn triggers a sample back-end error.
 - Go into Sentry Distributed Tracing and see the details of your entire trace.
 
-This tutorial uses a [sample React application](https://github.com/getsentry/frontend-tutorial) on the frontend as well as a sample [Node/Express API](https://github.com/getsentry/frontend-tutorial) as the backend. Some familiarity with JavaScript will help you follow along, you can also follow along with the provided sample code or apply the same steps to your own project.
+This tutorial uses a [sample React application](https://github.com/getsentry/tracing-tutorial-setting-up-frontend) on the frontend as well as a sample [Node/Express API](https://github.com/coolguyzone/sample-node-backend) as the backend. Some familiarity with JavaScript will help you follow along, you can also follow along with the provided sample code or apply the same steps to your own project.
 
 ## Prerequisites
 
diff --git a/docs/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-backend.mdx b/docs/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-backend.mdx
@@ -9,15 +9,14 @@ This section walks you through how to import the sample application into your lo
 If you're using your own source code, you can skip this section. Instead:
 
 - Select your [platform](/platforms/) and follow its **Getting Started** guide to add the Sentry SDK to your code.
-- Then, skip to the [next step](/guides/integrate-frontend/generate-first-error/).
+- Then, skip to the [next step](/product/sentry-basics/integrate-frontend/generate-first-error/).
 {/* TODO: UPDATE THIS LINK */}
 
 ## 1. Clone the Sample Application
 
 The sample application is a basic backend application using Express and Node.
 
-1. Fork the [sample application's repository](https://github.com/getsentry/frontend-tutorial) on GitHub.
-{/* TODO: ADD CUSTOM REPO HERE */}
+1. Fork the [sample application's repository](https://github.com/coolguyzone/tracing-tutorial-backend.git) on GitHub.
 
 1. Clone the forked repository to your local environment:
 
@@ -26,17 +25,16 @@ The sample application is a basic backend application using Express and Node.
    ```
    {/* TODO: UPDATE NAME OF THIS REPO */}
 
-1. Open the `backend-tutorial` project in your preferred code editor.
+1. Open the `tracing-tutorial-backend` project in your preferred code editor.
    {/* TODO: UPDATE NAME OF THIS REPO */}
 
-## 2. Add the Sentry Express SDK
+## 2. Add the Sentry Node SDK
 
-Sentry captures data by using a platform-specific SDK that you add to your application's runtime. To use the SDK, import and configure it in your source code. This demo project uses [Sentry's Express SDK](https://github.com/getsentry/sentry-javascript/tree/develop/packages/react).
-{/* TODO: UPDATE THIS LINK */}
+Sentry captures data by using a platform-specific SDK that you add to your application's runtime. To use the SDK, import and configure it in your source code. This demo project uses [Sentry's Node SDK](https://github.com/getsentry/sentry-javascript/tree/master/packages/node).
 
 1. Install the Sentry Express SDK using NPM.
 
-   Make sure you're in the `backend-tutorial` project folder.
+   Make sure you're in the `tracing-tutorial-backend` project folder.
       {/* TODO: UPDATE NAME OF THIS REPO */}
 
 
@@ -78,7 +76,7 @@ Sentry captures data by using a platform-specific SDK that you add to your appli
 
 1. Add your DSN key to the Sentry SDK configuration.
 
-   Paste in the DSN key value you copied from the project created in the [previous section](/product/sentry-basics/integrate-frontend/create-new-project/).
+   Paste in the DSN key value you copied from the project created in the [previous section](/product/sentry-basics/distributed-tracing/create-new-project/).
    {/* TODO: Update link here */}
 
    ```javascript {filename:instrument.js}
@@ -141,8 +139,7 @@ Make sure to import `instrument.js` at the top of your `server.js` file, and set
 
 ## 3. Build and Run the Sample Application
 
-In the `frontend-tutorial` project folder:
-   {/* TODO: UPDATE NAME OF THIS REPO */}
+In the `tracing-tutorial-backend` project folder:
 
 1. Install project dependencies.
 
@@ -153,16 +150,13 @@ In the `frontend-tutorial` project folder:
 1. Start the application in develop mode.
 
    ```bash
-   npm start
+   node server.js
    ```
 
    Once the application starts, you'll see a confirmation message similar to this one in your terminal:
 
    ```bash
-   <i> [webpack-dev-server] Project is running at:
-   <i> [webpack-dev-server] Loopback: http://localhost:3001/
-   ...
-   webpack 5.87.0 compiled successfully in 1306 ms
+   Server is running on port 3001
    ```
 
    > **Troubleshooting tip**: If the application fails to start due to syntax errors or errors for missing dependencies/modules, make sure you're using Node 18+ and install dependencies again. Run `nvm use 18` and then `npm install`.
@@ -175,5 +169,4 @@ In the `frontend-tutorial` project folder:
 
 ## Next
 
-At this point, you have a sample Express backend app running with the Sentry SDK initialized. Next, [Generate your first cross-project error](/product/sentry-basics/integrate-frontend/generate-first-error/) to start using Sentry's Distributed Tracing feature.
-   {/* TODO: UPDATE THIS LINK */}
+At this point, you have a sample Express backend app running with the Sentry SDK initialized. Next, [Generate your first cross-project error](/product/sentry-basics/distributed-tracing/generate-first-error/) to start using Sentry's Distributed Tracing feature.
diff --git a/docs/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-frontend.mdx b/docs/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-frontend.mdx
@@ -9,29 +9,29 @@ This section walks you through how to import the sample application into your lo
 If you're using your own source code, you can skip this section. Instead:
 
 - Select your [platform](/platforms/) and follow its **Getting Started** guide to add the Sentry SDK to your code.
-- Then, skip to the [next step](/guides/integrate-frontend/generate-first-error/).
+- Then, skip to the [next step](/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-backend/).
 
 ## 1. Clone the Sample Application
 
 The sample application is a basic frontend-only application using React and webpack.
 
-1. Fork the [sample application's repository](https://github.com/getsentry/frontend-tutorial) on GitHub.
+1. Fork the [sample application's repository](https://github.com/getsentry/tracing-tutorial-setting-up-frontend) on GitHub.
 
 1. Clone the forked repository to your local environment:
 
    ```bash
-   git clone git@github.com:<your_username>/frontend-tutorial.git
+   git clone git@github.com:<your_username>/tracing-tutorial-frontend.git
    ```
 
-1. Open the `frontend-tutorial` project in your preferred code editor.
+1. Open the `tracing-tutorial-frontend` project in your preferred code editor.
 
 ## 2. Add the Sentry React SDK
 
 Sentry captures data by using a platform-specific SDK that you add to your application's runtime. To use the SDK, import and configure it in your source code. This demo project uses [Sentry's React SDK](https://github.com/getsentry/sentry-javascript/tree/develop/packages/react).
 
 1. Install the Sentry React SDK using NPM.
 
-   Make sure you're in the `frontend-tutorial` project folder.
+   Make sure you're in the `tracing-tutorial-frontend` project folder.
 
    ```bash {tabTitle:npm}
    npm install @sentry/react --save
@@ -71,7 +71,7 @@ Sentry captures data by using a platform-specific SDK that you add to your appli
 
 1. Add your DSN key to the Sentry SDK configuration.
 
-   Paste in the DSN key value you copied from the project created in the [previous section](/product/sentry-basics/integrate-frontend/create-new-project/).
+   Paste in the DSN key value you copied from the project created in the [previous section](/product/sentry-basics/distributed-tracing/create-new-project/).
 
    ```javascript {filename:src/index.js}
    Sentry.init({
@@ -88,7 +88,7 @@ The configuration above enables Sentry's error monitoring feature, as well as it
 
 ## 3. Build and Run the Sample Application
 
-In the `frontend-tutorial` project folder:
+In the `tracing-tutorial-frontend` project folder:
 
 1. Install project dependencies.
 
@@ -120,4 +120,4 @@ In the `frontend-tutorial` project folder:
 
 ## Next
 
-At this point, you have a sample React app running with the Sentry SDK initialized. Next, [Add the Sentry SDK to Your Backend Project](/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-backend/) to start using Sentry's error monitoring feature.
+At this point, you have a sample React app running with the Sentry SDK initialized. Next, [Add the Sentry SDK to Your Backend Project](/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-backend/) to get Sentry running across the entire stack of your platform.
