GITBOOK-240: No subject

Author: Ambika Joshi

.gitbook/assets/FOR DEVELOPERS fold 3 (2).png

@@ -4,7 +4,85 @@ description: You can interact with our APIs through node.js, python or curl
 
 # Getting started
 
-## CREATE AN API KEY
+Use Gooey.AI's APIs to build fast! Get started by trying these simple setups - **No servers, API keys, or rate limits to manage.**
+
+{% tabs %}
+{% tab title="Orchestration to webview in minutes" %}
+Embed your custom AI workflow on your website or app as a webview instantly. Customize the look and feel in seconds.
+
+```javascript
+<div id="gooey-embed"></div>
+<script>
+    function onLoadGooeyEmbed() {
+        GooeyEmbed.mount({});
+    }
+</script>
+<script async defer onload="onLoadGooeyEmbed()" src="
+https://gooey.ai/chat/gooey-base-copilot-Kbo/lib.js
+"></script>
+```
+
+Pass custom in-app context
+
+{% code overflow="wrap" %}
+```javascript
+GooeyEmbed.mount({ payload: { variables: { username: "John Appleseed" }  } });
+```
+{% endcode %}
+
+{% embed url="https://github.com/GooeyAI/gooey-web-widget" %}
+{% endtab %}
+
+{% tab title="Stream AI Responses, Live in Your App" %}
+**Real-time results, zero infrastructure**\
+Stream AI responses directly to users with tool use, voice, image, and video — all client-side. No servers, API keys, or rate limits to manage.
+
+{% code overflow="wrap" %}
+```javascript
+// create a stream on Gooey server
+let response = await fetch("https://api.gooey.ai/v3/integrations/stream/", {
+  method: "POST",
+  headers: {
+    "Content-Type": "application/json",
+  },
+  body: JSON.stringify({
+    // your integration's ID as shown in the Gooey.AI Integrations tab
+    "integration_id": "Kbo",
+    // the prompt for the bot
+    "input_prompt": "Generate a QR code of the taj mahal",
+    // full api here: https://api.gooey.ai/docs#tag/Copilot-Integrations/operation/video-bots__stream_create
+  }),
+});
+// get the server-sent events URL
+let sseUrl = response.headers.get("Location");
+// start listening to the stream
+const evtSource = new EventSource(sseUrl);
+// handle the stream events
+evtSource.onmessage = (event) => {
+    // log the message to the console
+    console.log(data.type, data);
+};
+```
+{% endcode %}
+{% endtab %}
+
+{% tab title="Extend with Functions as a service" %}
+**Write Python or JavaScript in our AI IDE — no setup required.**\
+Secure, fast code execution in V8 + Docker lets you build custom logic and connect to any service. No YAML, no OpenAPI specs, no DevOps.
+
+Try it out here:
+
+{% embed url="https://gooey.ai/functions/wttr-weather-wi8xj3k0mzbb/" %}
+
+<figure><img src="../.gitbook/assets/FOR DEVELOPERS fold 3 (2).png" alt=""><figcaption></figcaption></figure>
+{% endtab %}
+{% endtabs %}
+
+## Read the API Docs
+
+{% embed url="https://api.gooey.ai/docs" %}
+
+### Create an API Key
 
 Gooey.AI allows single API key for several workflows. So whether you are including AI images in your app or making a highly customized AI Copilot, you can access our whole suite of workflows through a single API key.&#x20;
 
@@ -26,7 +104,7 @@ Copy the key and use it for your API Requests.&#x20;
 Make sure you don't share your API KEY with anyone! 🚫
 {% endhint %}
 
-## AUTHENTICATION&#x20;
+## Authentication
 
 **Remember that your API key is a secret!** Do not share it with others or expose it in any client-side code (browsers, apps). Production requests must be routed through your own backend server where your API key can be securely loaded from an environment variable or key management service.
 
@@ -36,9 +114,9 @@ All API requests should include your API key in an `Authorization` HTTP header a
 "Authorization": "Bearer " + GOOEY_API_KEY
 ```
 
-## MAKING A REQUEST
+## Making a request
 
-Let's make an example request to the lipsyncTTS API
+Let's make an example request to the `lipsyncTTS API`
 
 {% tabs %}
 {% tab title="node.js" %}