Genapi add bolt diy quickstart (#4787)

Author: fpagny

pages/generative-apis/reference-content/integrating-generative-apis-with-popular-tools.mdx

@@ -24,6 +24,7 @@ The following table compares AI tools and libraries supported by Scaleway's Gene
 | [LlamaIndex](#llamaindex-advanced-rag-applications) | Library for building advanced AI RAG applications | Knowledge graph building, document retrieval, data indexing | Medium |
 | [Continue Dev](#continue-dev-ai-coding-assistance) | IDE extension for AI-powered coding assistance | Code completion, code review | Low |
 | [Zed AI](#zed-ai-coding-assistance) | IDE including AI-powered coding assistance | Code completion, code review | Low |
+| [Bolt.diy](#boltdiy-code-generation) | Software to create applications | Code generation, code edition | Low |
 | [Chatbox AI](#chatbox-ai) | Desktop client for generative APIs, available on Windows, Mac, Linux | AI copilot for documents, images, or code| Low |
 | [cURL/Python](#custom-http-integrations) | Direct HTTP API calls for custom integrations | Custom applications, data processing | High |
 
@@ -194,6 +195,43 @@ Chatbox AI is a powerful AI client and smart assistant, compatible with Scaleway
   Refer to our dedicated documentation for [installing and configuring Chatbox AI with Generative APIs](/tutorials/configure-chatboxai-with-generative-apis/)
 </Message>
 
+## Bolt.diy (code generation)
+
+Bolt.diy is a software enabling users to create web applications from the prompt. 
+
+1. Install and launch Bolt.diy locally. Follow the setup instructions provided in the [Bolt.diy GitHub repository](https://github.com/stackblitz-labs/bolt.diy?tab=readme-ov-file#setup).
+2. Once Bolt.diy is running, open the interface in your web browser.
+3. Click the icon next to the Bolt logo to display the sidebar.
+4. Click the cogwheel icon in the sidebar's bottom left corner to open the **Settings**.
+5. Click **Local Providers** to add a new external provider configuration.
+6. Toggle the switch next to **OpenAILike** to enable it. Then, enter the Scaleway API endpoint: `https://api.scaleway.ai/v1` as the base URL.
+7. In Bolt's main menu, select `OpenAILike` and input your **Scaleway Secret Key** as the `OpenAILike API Key`.
+8. Select one of the supported models from Scaleway Generative APIs. For best results with Bolt.diy, which requires a significant amount of output tokens (8000 by default), start with the `llama-3.1-8b-instruct` model.
+9. Enter your prompt in the Bolt.diy interface to see your application being generated.
+
+Alternatively, you can also setup your Scaleway Secret Key by renaming `.env.example` to `.env`, adding corresponding environment variables values and restarting Bolt.diy:
+```bash
+OPENAI_LIKE_API_BASE_URL=https://api.scaleway.ai/v1
+OPENAI_LIKE_API_KEY=###SCW_SECRET_KEY###
+```
+
+To enable configuration from `.env` is taken into account, you still need to enable **OpenAILike** from Bolt interface in **Settings > Local Providers** section.
+<Message type="note"
+  If you first configured your credentials through the browser, you also need to reset your browser's cookies for your localhost domain (as Bolt.diy stores model provider configuration information in the browser).
+</Message>
+
+<Message type="tip">
+  If you want to limit access to a specific Scaleway Project, replace API endpoint with `https://api.scaleway.ai/###PROJECT_ID###/v1/` since the default URL `https://api.scaleway.ai/v1/` can only be used with the default project.
+</Message>
+
+## Chatbox AI
+
+Chatbox AI is a powerful AI client and smart assistant, compatible with Scaleway's Generative APIs service. It is available across multiple platforms, including Windows, macOS, Android, iOS, Web, and Linux.
+
+<Message type="tip">
+  Refer to our dedicated documentation for [installing and configuring Chatbox AI with Generative APIs](/tutorials/configure-chatboxai-with-generative-apis/)
+</Message>
+
 ## Custom HTTP integrations
 
 You can interact with Scaleway's Generative APIs directly using any HTTP client.
@@ -237,4 +275,4 @@ print(response.json()["choices"][0]["message"]["content"])
 ```
 <Message type="tip">
   Make sure to replace `<API secret key>` with your actual API key.
-</Message>
+</Message>