Content Island VSCode Extension

October 31, 2025 · View on GitHub

Seamlessly connect Content Island (Headless CMS) with Visual Studio Code to edit, sync, and manage your content with a single click.
This extension bridges your CMS and your editor: open any field from Content Island directly in VS Code, make changes locally, and push or pull updates between both environments.

✨ Features

  • Open from Content Island → VS Code: deep links open specific entries and fields directly in your editor.
  • Structured editing for Markdown/MDX: edit rich text fields using your favorite tools, linters, and formatters.
  • Push and pull content: update your CMS from VS Code or fetch the latest version back to your workspace.
  • Link-based authentication: simple and secure login flow — no tokens required.
  • Sidebar view: access a list of your most recently edited entries, organized by project, for quick navigation.

📦 Requirements

  • VS Code 1.105.x or newer
  • Access to a Content Island workspace with edit permissions

🚀 Installation

  1. Open VS Code → Extensions
  2. Search for Content Island
  3. Click Install, then Reload the window
  4. Log in into Content Island
  5. Select a content
  6. Click Open in VS Code next to any field or entry to start editing!

⚙️ Configuration

Open Settings → Extensions → Content Island, or edit your settings.json manually:

{
  "contentIsland.apiVersion": "1.0",
  "contentIsland.domain": "api.contentisland.net",
  "contentIsland.loginDomain": "app.contentisland.net",
  "contentIsland.secureProtocol": "true"
}

Authentication is handled automatically through a secure link-based login flow.

🧭 How It Works

  1. From Content Island: click “Open in VS Code” next to any field or entry.
    • A deep link like vscode://...&contentId=...&fieldId=... launches VS Code and opens the corresponding local file.
  2. Edit in VS Code: make your changes locally in Markdown or MDX.
  3. Push or pull:
    • Run Content Island: Push content to send your updates to the CMS.
    • Run Content Island: Pull content to fetch the latest version from Content Island.

The extension includes a dedicated Content Island panel in the sidebar, showing your most recently edited entries, grouped by project.
From here, you can quickly reopen any entry in VS Code or perform push/pull actions directly.

  1. Click Open in VS Code from Content Island.
  2. Edit Markdown/MDX content locally.
  3. Use Push content to update the CMS or Pull content to refresh.

📄 License

MIT License