feat(www): OpenCode integration blog post (#47419)

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.
YES

## What kind of change does this PR introduce?

**Changes:**
- New blog post: `/blog/agentic-coding-on-supabase-with-opencode`
- New author entry: Eric Kharitonashvili (`ekhar`) in `authors.json`
- Blog images and author avatar

## Checklist

- [x] Blog post reviewed internally and approved
- [x] Reviewed and approved by OpenCode
([doc](https://docs.google.com/document/d/1Azyt7Ot0Q8bxBF3YOLdks8CPME-SKVUr-WXGl2HDJR8/edit?tab=t.0))
- [x] Images added
- [x] Video embed added
- [x] Author added to `authors.json`
- [ ] Marketing +1 in `#team-marketing`

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/www/_blog/2026-06-30-agentic-coding-on-supabase-with-opencode.mdx

@@ -0,0 +1,52 @@
+---
+title: 'Agentic Coding on Supabase with OpenCode'
+description: 'OpenCode integrates with Supabase. Connect your agent to your database, Edge Functions, and logs. MCP setup is configured automatically.'
+author: ekhar
+date: '2026-06-30'
+categories:
+  - product
+tags:
+  - ai
+  - integrations
+  - mcp
+  - developer-tools
+imgSocial: agentic-coding-on-supabase-with-opencode/opencode-og.png
+imgThumb: agentic-coding-on-supabase-with-opencode/opencode-thumb.png
+toc_depth: 2
+---
+
+The OpenCode integration for Supabase is now available.
+
+Type `/supabase`, authenticate, and your agent can work with Supabase account/project management APIs plus bundled Supabase skills. For database, Edge Functions, logs, and other project-scoped capabilities, the plugin guides users through connecting Supabase MCP. _Requires OpenCode 1.3.4 or later._
+
+[OpenCode](https://opencode.ai/) is an open source AI coding agent with more than 180,000 GitHub stars and 7.5M monthly active users. It runs in your terminal, IDE, or desktop, supports 75+ LLM providers, and lets you run multiple agents in parallel on the same project.
+
+AI agents are taking on more of the coding workflow, and they need access to more than just the codebase. Teams like [Ramp](https://builders.ramp.com/post/why-we-built-our-background-agent), [JFrog](https://jfrog.com/blog/the-agent-has-entered-the-supply-chain-opencode/), [Cloudflare](https://blog.cloudflare.com/ai-code-review/), and [Apple](https://developer.apple.com/videos/play/wwdc2026/232/) are already running OpenCode at scale. This integration gives those agents direct access to your Supabase backend, so they can go beyond writing code and verify their own work, query data, check logs, and deploy functions.
+
+## What the OpenCode integration includes
+
+Once connected, the integration can:
+
+- Monitor agent activity in real time from OpenCode
+- List your Supabase organizations and projects
+- Create new Supabase projects from your coding session
+- Open the Supabase MCP setup flow for a chosen project
+- Bundle Supabase agent skills so your agent gets Supabase-specific guidance without a separate install step
+
+<div className="video-container">
+  <iframe
+    className="w-full"
+    src="https://www.youtube-nocookie.com/embed/z6NV-0jnOYQ"
+    title="Agentic Coding on Supabase with OpenCode"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; fullscreen; gyroscope; picture-in-picture; web-share"
+    allowFullScreen
+  />
+</div>
+
+Here's the integration running inside Minecraft. OpenCode connected to Supabase via MCP, created a table, populated it with data, and deployed an Edge Function without ever leaving a survival world. Everything you see is running on a real Supabase project. The dirt house, however, is optional.
+
+The plugin is open source and built in collaboration with [Jumski](https://github.com/jumski) from [pgflow](https://www.pgflow.dev/). You can find it [here](https://github.com/supabase-community/opencode-supabase).
+
+## Get started
+
+[→ Connect OpenCode to your Supabase project](https://github.com/supabase-community/opencode-supabase)

apps/www/lib/authors.json

@@ -992,5 +992,13 @@
     "company": "TRAE",
     "author_url": "https://www.linkedin.com/",
     "author_image_url": "/images/blog/avatars/gary-qi.png"
+  },
+  {
+    "author_id": "ekhar",
+    "author": "Eric Kharitonashvili",
+    "username": "ekhar",
+    "position": "Growth",
+    "author_url": "https://github.com/ekhar",
+    "author_image_url": "/images/blog/avatars/eric-kharitonashvili.png"
   }
 ]