Merge pull request #245 from Infisical/more-integrations

Render & Fly.io integrations, reduce page reloads for integrations page.

docs/getting-started/dashboard/integrations.mdx

@@ -10,4 +10,4 @@ We're still early with integrations, but expect more soon.
   View all available integrations and their guides
 </Card>
 
-![integrations](../../images/project-integrations.png)
+![integrations](../../images/integrations.png)

docs/integrations/cloud/flyio.mdx

@@ -2,4 +2,34 @@
 title: "Fly.io"
 ---
 
-Coming soon.
+Prerequisites:
+
+- Set up and add envars to [Infisical Cloud](https://app.infisical.com)
+
+## Navigate to your project's integrations tab
+
+![integrations](../../images/integrations.png)
+
+## Authorize Infisical for Fly.io
+
+Obtain a Fly.io access token in Access Tokens
+
+![integrations fly dashboard](../../images/integrations-flyio-dashboard.png)
+![integrations fly token](../../images/integrations-flyio-token.png)
+
+Press on the Fly.io tile and input your Fly.io access token to grant Infisical access to your Fly.io account.
+
+![integrations fly authorization](../../images/integrations-flyio-auth.png)
+
+<Info>
+  If this is your project's first cloud integration, then you'll have to grant
+  Infisical access to your project's environment variables. Although this step
+  breaks E2EE, it's necessary for Infisical to sync the environment variables to
+  the cloud platform.
+</Info>
+
+## Start integration
+
+Select which Infisical environment secrets you want to sync to which Fly.io app and press start integration to start syncing secrets to Fly.io.
+
+![integrations fly](../../images/integrations-flyio.png)

docs/integrations/cloud/render.mdx

@@ -2,4 +2,34 @@
 title: "Render"
 ---
 
-Coming soon.
+Prerequisites:
+
+- Set up and add envars to [Infisical Cloud](https://app.infisical.com)
+
+## Navigate to your project's integrations tab
+
+![integrations](../../images/integrations.png)
+
+## Enter your Render API Key
+
+Obtain a Render API Key in your Render Account Settings > API Keys.
+
+![integrations render dashboard](../../images/integrations-render-dashboard.png)
+![integrations render token](../../images/integrations-render-token.png)
+
+Press on the Render tile and input your Render API Key to grant Infisical access to your Render account.
+
+![integrations render authorization](../../images/integrations-render-auth.png)
+
+<Info>
+  If this is your project's first cloud integration, then you'll have to grant
+  Infisical access to your project's environment variables. Although this step
+  breaks E2EE, it's necessary for Infisical to sync the environment variables to
+  the cloud platform.
+</Info>
+
+## Start integration
+
+Select which Infisical environment secrets you want to sync to which Render service and press start integration to start syncing secrets to Render.
+
+![integrations heroku](../../images/integrations-render.png)

docs/integrations/cloud/vercel.mdx

@@ -20,4 +20,4 @@ Press on the Vercel tile and grant Infisical access to your Vercel account.
 
 Select which Infisical environment secrets you want to sync to which Vercel app and environment. Lastly, press start integration to start syncing secrets to Vercel.
 
-![integrations vercel](../../images/integrations-vercel.png)
+![integrations vercel](../../images/integrations-vercel.png)

docs/integrations/overview.mdx

@@ -1,5 +1,5 @@
 ---
-title: 'Overview'
+title: "Overview"
 ---
 
 Integrations allow environment variables to be synced from Infisical into your local development workflow, CI/CD pipelines, and production infrastructure.
@@ -14,6 +14,8 @@ Missing an integration? Throw in a [request](https://github.com/Infisical/infisi
 | [Heroku](/integrations/cloud/heroku)                     | Cloud     | Available   |
 | [Vercel](/integrations/cloud/vercel)                     | Cloud     | Available   |
 | [Netlify](/integrations/cloud/netlify)                   | Cloud     | Available   |
+| [Render](/integrations/cloud/render)                     | Cloud     | Available   |
+| [Fly.io](/integrations/cloud/flyio)                      | Cloud     | Available   |
 | [GitHub Actions](/integrations/cicd/githubactions)       | CI/CD     | Available   |
 | [React](/integrations/frameworks/react)                  | Framework | Available   |
 | [Vue](/integrations/frameworks/vue)                      | Framework | Available   |
@@ -29,8 +31,6 @@ Missing an integration? Throw in a [request](https://github.com/Infisical/infisi
 | [Flask](/integrations/frameworks/flask)                  | Framework | Available   |
 | [Laravel](/integrations/frameworks/laravel)              | Framework | Available   |
 | [Ruby on Rails](/integrations/frameworks/rails)          | Framework | Available   |
-| [Render](/integrations/cloud/render)                     | Cloud     | Coming soon |
-| [Fly.io](/integrations/cloud/flyio)                      | Cloud     | Coming soon |
 | AWS                                                      | Cloud     | Coming soon |
 | GCP                                                      | Cloud     | Coming soon |
 | Azure                                                    | Cloud     | Coming soon |

docs/mint.json

@@ -27,7 +27,7 @@
       "http://localhost:8080"
     ],
     "auth": {
-      "method": "api-key",
+      "method": "key",
       "name": "X-API-KEY"
     }
   },