fix: resolve #749 — Write a step-by-step guide for using a board in an app

docs/happy-path.md

@@ -0,0 +1,17 @@
+# Happy Path
+
+This guide walks you through creating your first Breadboard using the Visual Editor.
+
+## Creating a Board
+
+1. Open the Visual Editor
+2. Create a new board
+3. Add some nodes
+4. Connect them
+5. Save the board as a JSON file
+
+## Next Steps
+
+Now that you've created your first board, you're ready to integrate it into a production application. Boards built in the Visual Editor can be embedded directly into web applications using the Breadboard JavaScript SDK.
+
+The board JSON file you created in this guide can be imported directly into your application code. To learn how to load and run your board in a web app, see the [Using Boards in Apps](./using-boards-in-apps.md) guide.

docs/nav-config.json

@@ -0,0 +1,26 @@
+{
+  "navigation": [
+    {
+      "title": "Getting Started",
+      "items": [
+        { "title": "Introduction", "path": "/" },
+        { "title": "Installation", "path": "/installation" },
+        { "title": "Quick Start", "path": "/quick-start" }
+      ]
+    },
+    {
+      "title": "Guides",
+      "items": [
+        { "title": "Happy Path", "path": "/guides/happy-path" },
+        { "title": "Using Boards in Apps", "path": "/guides/using-boards-in-apps" }
+      ]
+    },
+    {
+      "title": "Reference",
+      "items": [
+        { "title": "API", "path": "/reference/api" },
+        { "title": "CLI", "path": "/reference/cli" }
+      ]
+    }
+  ]
+}