started updating

Author: joshtwist

docs/articles/step-1-setup-basic-gateway.md

@@ -3,62 +3,64 @@ title: Step 1 - Setup a Basic Gateway
 sidebar_label: "Step 1 - Setup Your Gateway"
 ---
 
-In this tutorial we'll setup a simple gateway. We'll use a demo API at
+In this tutorial we'll setup a simple gateway. We'll use a simple origin API at
 [getting-started.zuplo.io](https://getting-started.zuplo.io).
 
-To get started, sign in to [portal.zuplo.com](https://portal.zuplo.com) and
-create a free account. Create a new **empty** project. Then...
+Note - Zuplo also supports building and running your API locally. To learn more
+[see the documentation](./local-development.md).
 
-:::tip{title="Local Development"}
+<Stepper>
 
-Zuplo also supports building and running your API locally. To learn more
-[see the documentation](./local-development.md).
+1. Sign-in
 
-:::
+   Sign in to [portal.zuplo.com](https://portal.zuplo.com) and create a free
+   account. Create a new **empty** project. Then...
 
-## 1/ Add a Route
+1. Add a Route
 
-Inside your new project, choose the `routes.oas.json` file and click **Add
-Route**.
+   Inside your new project, choose the `routes.oas.json` file and click **Add
+   Route**.
 
-![Add Route](../../public/media/step-1-setup-basic-gateway/add-route.png)
+   ![Add Route](../../public/media/step-1-setup-basic-gateway/add-route.png)
 
-Your API's first route will appear, with many configurable fields. Here's a
-quick overview of them:
+   Your API's first route will appear, with many configurable fields. Here's a
+   quick overview of them:
 
-- **Summary**: A summary of what the route does, which will be used in Step 4
-  for documenting your API
-- **Method** and **Path**: The associated method and path for your endpoint.
-  This is what other services will use to call your API.
-- **CORS**: The [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)
-  configuration for your path.
-- **Request Handler**: This is the piece of functionality that will be invoked
-  when a request comes through to your endpoint. By default, we're using the
-  [URL Forward Handler](../handlers/url-forward.md) which proxies requests to
-  the "Forward to" URL. In this case, https://getting-started.zuplo.io
+   - **Summary**: A summary of what the route does, which will be used in Step 4
+     for documenting your API
+   - **Method** and **Path**: The associated method and path for your endpoint.
+     This is what other services will use to call your API.
+   - **CORS**: The
+     [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)
+     configuration for your path.
+   - **Request Handler**: This is the piece of functionality that will be
+     invoked when a request comes through to your endpoint. By default, we're
+     using the [URL Forward Handler](../handlers/url-forward.md) which proxies
+     requests to the "Forward to" URL. In this case,
+     https://getting-started.zuplo.io
 
-![Your First Route](../../public/media/step-1-setup-basic-gateway/image-14.png)
+   ![Your First Route](../../public/media/step-1-setup-basic-gateway/image-14.png)
 
-Save your new route (you can click the three-dot menu next to `routes.oas.json`
-and then click **Save**, or press **CMD+S**).
+   Save your new route (you can click the three-dot menu next to
+   `routes.oas.json` and then click **Save**, or press **CMD+S**).
 
-You can quickly test this route by clicking the **Test** button next to the
-**Path** field. You can use the built in test tool or click the URL to open in a
-new tab.
+   You can quickly test this route by clicking the **Test** button next to the
+   **Path** field. You can use the built in test tool or click the URL to open
+   in a new tab.
 
-![Test your API](../../public/media/step-1-setup-basic-gateway/image-15.png)
+   ![Test your API](../../public/media/step-1-setup-basic-gateway/image-15.png)
 
-You should receive a 200 OK that says something similar to
+   You should receive a 200 OK that says something similar to
 
-```txt
-"Congratulations - You've successfully proxied my API endpoint. Want to know a
-secret? Try changing your Route's path to /policies-test/secret and test your
-route again after saving. The secret will be in the response."
-```
+   ```txt
+   "Congratulations - You've successfully proxied my API endpoint. Want to know a
+   secret? Try changing your Route's path to /policies-test/secret and test your
+   route again after saving. The secret will be in the response."
+   ```
 
-A secret? Let's try and find out what this API is hiding!
+   A secret? Let's try and find out what this API is hiding!
 
-## 2/ Editing your Route
+1. Editing your Route
 
 Exit the test console and change your route's Path from `/path-0` to
 `/policies-test/secret`. Make sure to save your changes. Your calls will now be
@@ -113,3 +115,5 @@ response from Step 2.
 
 **NEXT** Try
 [Step 2 - Add Rate Limiting to your API](./step-2-add-rate-limiting.md).
+
+</Stepper>