diff --git a/README.md b/README.md
index 4aa40fef..5dfb358d 100644
--- a/README.md
+++ b/README.md
@@ -86,24 +86,10 @@ export default defineNuxtConfig({
 })
 ```
 
-### Prerender routes
+## Guides
 
-While the module is in early access, only pre-rendered routes are supported.
+### Create your first og:image
 
-```ts
-export default defineNuxtConfig({
-  nitro: {
-    prerender: {
-      crawlLinks: true,
-      routes: [
-        '/',
-        // any URLs that can't be discovered by crawler
-        '/my-hidden-url'
-      ]
-    }
-  }
-})
-```  
 
 ## Generating Screenshots
 
@@ -250,6 +236,25 @@ the following URLs:
 - `/your-path/__og-image` Renders the HTML output
 - `/your-path/og-image.png` Renders the og:image
 
+### Prerender routes
+
+While the module is in early access, only pre-rendered routes are supported.
+
+```ts
+export default defineNuxtConfig({
+  nitro: {
+    prerender: {
+      crawlLinks: true,
+      routes: [
+        '/',
+        // any URLs that can't be discovered by crawler
+        '/my-hidden-url'
+      ]
+    }
+  }
+})
+```  
+
 ## Module Config
 
 ### `host`
@@ -260,17 +265,6 @@ the following URLs:
 
 The host of your site. This is required to generate the absolute path of the og:image.
 
-### `serverSideRender`
-
-- Type: `boolean`
-- Default: `process.dev`
-
-It allows you to generate images at runtime in production.
-This uses a headless browser to generate images
-and may have deployment issues.
-
-⚠️ This is experimental and will likely not work in all environments.
-
 ## Screenshot Options
 
 These can be provided as module options to set defaults
diff --git a/client/composables/rpc.ts b/client/composables/rpc.ts
index b799f1f7..ecf10bd0 100644
--- a/client/composables/rpc.ts
+++ b/client/composables/rpc.ts
@@ -3,6 +3,8 @@ import { parse, stringify } from 'flatted'
 import { ref } from 'vue'
 import type { PlaygroundClientFunctions, PlaygroundServerFunctions } from '../../src/types'
 
+// copied from nuxt/devtools, credits @antfu
+
 const RECONNECT_INTERVAL = 2000
 let onMessage: Function = () => {}
 
diff --git a/client/public/nuxt.svg b/client/public/nuxt.svg
deleted file mode 100644
index a23ace84..00000000
--- a/client/public/nuxt.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="324" height="324" viewBox="0 0 324 324" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M181.767 270H302.211C306.037 270 309.795 269.003 313.108 267.107C316.421 265.211 319.172 262.484 321.084 259.2C322.996 255.915 324.002 252.19 324 248.399C323.998 244.607 322.989 240.883 321.074 237.601L240.187 98.7439C238.275 95.4607 235.525 92.7342 232.213 90.8385C228.901 88.9429 225.143 87.9449 221.318 87.9449C217.494 87.9449 213.736 88.9429 210.424 90.8385C207.112 92.7342 204.361 95.4607 202.449 98.7439L181.767 134.272L141.329 64.7975C139.416 61.5145 136.664 58.7884 133.351 56.8931C130.038 54.9978 126.28 54 122.454 54C118.629 54 114.871 54.9978 111.558 56.8931C108.245 58.7884 105.493 61.5145 103.58 64.7975L2.92554 237.601C1.01067 240.883 0.00166657 244.607 2.06272e-06 248.399C-0.00166244 252.19 1.00407 255.915 2.91605 259.2C4.82803 262.484 7.57884 265.211 10.8918 267.107C14.2047 269.003 17.963 270 21.7886 270H97.3936C127.349 270 149.44 256.959 164.641 231.517L201.546 168.172L221.313 134.272L280.637 236.1H201.546L181.767 270ZM96.1611 236.065L43.3984 236.054L122.49 100.291L161.953 168.172L135.531 213.543C125.436 230.051 113.968 236.065 96.1611 236.065Z" fill="#00DC82"/>
-</svg>
diff --git a/src/runtime/composables/defineOgImage.ts b/src/runtime/composables/defineOgImage.ts
index 5baa69c3..25b6e7b2 100644
--- a/src/runtime/composables/defineOgImage.ts
+++ b/src/runtime/composables/defineOgImage.ts
@@ -1,5 +1,6 @@
 import { useServerHead } from '@vueuse/head'
 import { withBase } from 'ufo'
+import { useRequestEvent } from '#app'
 import type { OgImagePayload, OgImageScreenshotPayload } from '../../types'
 import { useRouter } from '#imports'
 import { PayloadScriptId } from '#nuxt-og-image/constants'
diff --git a/src/runtime/nitro/utils.ts b/src/runtime/nitro/utils.ts
index 4f1163b2..77fefbed 100644
--- a/src/runtime/nitro/utils.ts
+++ b/src/runtime/nitro/utils.ts
@@ -14,7 +14,6 @@ export function renderIsland(island: string, payload: Record<string, any>) {
 }
 
 export function useHostname(e: H3Event) {
-  console.log(getRequestHeader(e, 'host'), getRequestHeaders(e))
   const host = getRequestHeader(e, 'host') || 'localhost:3000'
   const protocol = getRequestHeader(e, 'x-forwarded-proto') || 'http'
   if (protocol.startsWith('http'))