diff --git a/docs/content/getting-started/demo-screenshot.png b/docs/content/getting-started/demo-screenshot.png index 0d9f25d79..81a3c1dcc 100644 Binary files a/docs/content/getting-started/demo-screenshot.png and b/docs/content/getting-started/demo-screenshot.png differ diff --git a/docs/content/getting-started/demo-with-redis-screenshot.png b/docs/content/getting-started/demo-with-redis-screenshot.png index 77caa8eac..9aa700ed3 100644 Binary files a/docs/content/getting-started/demo-with-redis-screenshot.png and b/docs/content/getting-started/demo-with-redis-screenshot.png differ diff --git a/docs/content/getting-started/index.md b/docs/content/getting-started/index.md index 0cc5b1e6a..a5af2b4d9 100644 --- a/docs/content/getting-started/index.md +++ b/docs/content/getting-started/index.md @@ -111,11 +111,13 @@ This command: - Creates a port-forward from localhost to port 3000 inside the container so you can navigate to the app's frontend UI - Streams container logs to your terminal -Screenshot of the demo container +In your browser you should see the demo app: + +Screenshot of the demo container

-Congrats! You're running your first Radius app. -When you're ready to move on to the next step, use `CTRL+C` to exit the command. +Congrats! You're running your first Radius app. When you're ready to move on to the next step, use CTRL+ C to exit the command. + ## 5. Add Database @@ -150,17 +152,17 @@ Use the command below to run the updated application again, then open the browse rad run app.bicep ``` -You should see that the environment variables have changed. The `demo` container now has connection information for Redis (`CONNECTION_REDIS_HOST`, `CONNECTION_REDIS_PORT`). +You should see the Radius Connections section with new environment variables added. The `demo` container now has connection information for Redis (`CONNECTION_REDIS_HOST`, `CONNECTION_REDIS_PORT`, etc.): -Screenshot of the demo container +Screenshot of the demo container

-Navigate to the TODO List tab and test out the application. Using the TODO page will update the saved state in Redis. +Navigate to the Todo List tab and test out the application. Using the Todo page will update the saved state in Redis: -Screenshot of the todolist +Screenshot of the todolist

-Press CTRL+C when you are finished with the website. +Press CTRL+ C when you are finished with the website. ## Recap and next steps