add local option with docker for dgraph quickstart

Author: johnymontana

dgraph/quickstart.mdx

@@ -20,11 +20,16 @@ This guide helps you to understand how to:
 
 ## Run Dgraph and connect the Ratel web UI
 
-The easiest way to get Dgraph up and running is using
-[Dgraph on Hypermode](https://hypermode.com/go).
+The easiest way to get Dgraph up and running in the cloud is using
+[Dgraph on Hypermode](https://hypermode.com/go). If you prefer a local
+development experience with Dgraph we recommend using the official Dgraph Docker
+image. Both options are described below.
 
-In this section we'll sign in to Hypermode and create a new graph, then we'll
-connect our new graph to [Ratel](./glossary#ratel), the web-based UI for Dgraph.
+In this section we'll create a new graph, then we'll connect our new graph to
+[Ratel](./glossary#ratel), the web-based UI for Dgraph.
+
+<Tabs>
+  <Tab title="On Hypermode">
 
 <Steps>
 
@@ -90,6 +95,54 @@ Now we're ready to add data to our graph.
 </Step>
 
 </Steps>
+</Tab>
+
+<Tab title="Locally"><Steps>
+      <Step title="Run Dgraph with Docker">
+        The [`dgraph/standalone`](https://hub.docker.com/r/dgraph/standalone) Docker image has everything needed to run Dgraph locally.
+
+        Ensure you have [Docker installed](https://www.docker.com/), then run the following command to start a local Dgraph instance:
+
+        ```bash
+        docker run --rm -it -p 8080:8080 -p 9080:9080 dgraph/standalone:latest
+        ```
+
+        This will create a local Dgraph instance and expose the ports necessary to connect to Dgraph via HTTP and gRPC. Specifically:
+
+        * `docker run` - initiates a new Docker container
+        * `--rm` - automatically removes the container when it exits, helping with cleanup
+        * `-it` - uses interactive mode to show output of the container
+        * `-p 8080:8080` - maps port 8080 from the host machine to port 8080 in the Docker container to allow Dgraph HTTP connections
+        * `-p 9080:9080` - maps port 9080 from the host machine to port 9080 in the Docker container to allow Dgraph gRPC connections
+        * `dgraph/standalone:latest` - specifies the Docker image to use, this is the official Dgraph image with latest tag
+      </Step>
+      <Step title="Connect Ratel">
+        Ratel is a web-based UI dashboard for interacting with Dgraph using Dgraph's query language,[DQL](./glossary#DQL)
+
+        Navigate to the hosted version of Ratel at `https://ratel.hypermode.com` and enter `http://localhost:8080` for the "Dgraph Conn String".
+        This will allow Ratel to connect to our local Dgraph instance and execute DQL queries.
+
+           ![Setting up Ratel](/images/dgraph/quickstart/ratel-docker-connection.png)
+
+        <Note>
+        You can also run Ratel locally by running the `dgraph/ratel` container with the following command:
+        ```bash
+        docker run --rm -it -p 8000:8000 dgraph/ratel:latest
+        ```
+        </Note>
+
+        Now select **Connect** to verify the connection and then select **Continue** to access the Ratel console.
+
+        {/* TODO: updated image showing local connection to Ratel */}
+        ![Setting up Ratel local connection](/images/dgraph/quickstart/ratel-docker-overview.png)
+
+        Now we're ready to add data to our graph.
+
+      </Step>
+      </Steps>
+
+</Tab>
+</Tabs>
 
 ## Add data to the graph with a mutation