docs: add cloudflare adapter docs and guide

docs/pages/guides/deployment.mdx

@@ -7,12 +7,12 @@ description: "A guide on shipping your frames.js frame to production"
 
 Frames.js works in most javascript frameworks or libraries, and should work out of the box with whereever you would normally deploy those.
 
-We suggest deploying your frames to Vercel, but Docker, AWS or other platforms are compatible.
+We suggest deploying your frames to Vercel, but [Cloudflare Workers](/reference/core/cloudflare-workers), Docker, AWS or other platforms are compatible.
 
 ## Ensure you set up the correct `env` variables
 
 For the starter, `NEXT_PUBLIC_HOST` should be the full url (including https://) of the homepage.
 
 ## Vercel Deployments
 
-Run the `vercel` command-line tool from your frame's folder to deploy your frame to vercel.
+Run the `vercel` command-line tool from your frame's folder to deploy your frame to vercel.

docs/pages/index.mdx

@@ -18,12 +18,6 @@ import { HomePage } from "vocs/components";
     <HomePage.Button href="https://github.com/framesjs/frames.js">
       GitHub
     </HomePage.Button>
-    <HomePage.Button href="#quickstart" variant="accent">
-      Quickstart
-    </HomePage.Button>
-    <HomePage.Button href="https://github.com/framesjs/frames.js">
-      GitHub
-    </HomePage.Button>
   </HomePage.Buttons>
 </HomePage.Root>
 

docs/pages/reference/core/cloudflare-workers/index.mdx

@@ -0,0 +1,179 @@
+# Cloudflare Workers integration
+
+Frames.js can be easily deployed to [Cloudflare Workers](https://workers.cloudflare.com).
+
+## Create a new project using `wrangler`
+
+:::code-group
+
+```bash [npm]
+npm create cloudflare -- my-cf-frames --type hello-world --ts
+```
+
+```bash [yarn]
+yarn create cloudflare my-cf-frames --type hello-world --ts
+```
+
+```bash [pnpm]
+pnpm create cloudflare my-cf-frames --type hello-world --ts
+```
+
+:::
+
+## Install `frames.js`
+
+In order for `frames.js` to work properly in [Cloudflare Workers](https://workers.cloudflare.com) you must replace the `@vercel/og` dependency with `workers-og`. Follow following steps to override the dependency.
+
+### Override `@vercel/og` package with `workers-og`
+
+Add following to your `package.json`.
+
+:::code-group
+
+```json [npm]
+{
+  "overrides": {
+    "frames.js": {
+      "@vercel/og": "npm:workers-og@^0.0.23"
+    }
+  }
+}
+```
+
+```json [yarn]
+{
+  "resolutions": {
+    "@vercel/og": "npm:workers-og"
+  }
+}
+```
+
+```json [pnpm]
+{
+  "pnpm": {
+    "overrides": {
+      "@vercel/og": "npm:workers-og@^0.0.23"
+    }
+  }
+}
+```
+
+:::
+
+### Install the dependencies
+
+After you have overridden the `@vercel/og` package with `workers-og`, you can install the dependencies.
+
+:::code-group
+
+```bash [npm]
+npm install frames.js
+```
+
+```bash [yarn]
+yarn add frames.js
+```
+
+```bash [pnpm]
+pnpm add frames.js
+```
+
+:::
+
+## Write your Frames handler
+
+Open the `src/index.ts` file and replace its content with the following code.
+
+```tsx
+import { createFrames, Button } from "frames.js/cloudflare-workers";
+
+const frames = createFrames();
+const handleRequest = frames(async (ctx) => {
+  const hasClicked = !!(ctx.message && ctx.searchParams.clicked);
+
+  return {
+    image: <span>Clicked: {hasClicked ? "Yes" : "No"}</span>,
+    buttons: hasClicked
+      ? [
+          <Button action="post" target={{ query: { clicked: true } }}>
+            Click me
+          </Button>,
+        ]
+      : [
+          <Button action="post" target="/">
+            Reset
+          </Button>,
+        ],
+  };
+});
+
+export default {
+  fetch: handleRequest,
+};
+```
+
+## Test locally using `wrangler dev`
+
+You can test your Cloudflare Worker locally using `wrangler dev` and our [debugger](/guides/debugger#local-debugger-cli). Follow these steps to start developing locally:
+
+#### Start the local server
+
+:::code-group
+
+```bash [npm]
+npm run dev
+```
+
+```bash [yarn]
+yarn dev
+```
+
+```bash [pnpm]
+pnpm dev
+```
+
+:::
+
+#### Start the debugger
+
+After you started the local server, you can start the debugger by running the following command where you replace `<local-url>` with a URL on which local server is running (see the output of above command, e.g. `http://localhost:8787`).
+
+:::code-group
+
+```bash [npm]
+npx @frames.js/debugger --url <local-url>
+```
+
+```bash [yarn]
+# yarn v1 doesn't have an alternative to npx, so you have to install the debugger globally (or use npx)
+yarn global add @frames.js/debugger && frames --url <local-url>
+
+# yarn v2
+yarn dlx @frames.js/debugger --url <local-url>
+```
+
+```bash [pnpm]
+pnpm dlx @frames.js/debugger --url <local-url>
+```
+
+:::
+
+## Deploy to Cloudflare Workers
+
+When you tested your Frames app locally and you are ready to deploy it to Cloudflare Workers, run the following command.
+
+:::code-group
+
+```bash [npm]
+npm run deploy
+```
+
+```bash [yarn]
+yarn deploy
+```
+
+```bash [pnpm]
+pnpm deploy
+```
+
+:::

docs/vocs.config.tsx

@@ -80,6 +80,10 @@ const sidebar = [
         text: "Remix",
         link: "/reference/core/remix",
       },
+      {
+        text: 'Cloudflare Workers',
+        link: '/reference/core/cloudflare-workers'
+      }
     ],
   },
   {