TanStack Start

Visual editing for TanStack Start projects that use Markdown or MDX for content

Dhub works with TanStack Start projects that store content as Markdown or MDX files in a GitHub repository. Edit your content visually and push changes back to GitHub without touching the command line.

Getting started

  1. Import your TanStack Start repository

    Connect your GitHub repo in Dhub. Your Markdown and MDX files appear in the sidebar file tree.

  2. Edit content visually

    Open any content file. Dhub parses the Markdown and renders it in a WYSIWYG editor with support for tables, images, and code blocks.

  3. Push changes to GitHub

    Push directly or create a pull request. Your content files update in the repository.

How it works

Dhub edits the Markdown and MDX source files in your repository. It does not run your TanStack Start application or interact with its build process. Whatever content pipeline you use to read and render Markdown files continues to work the same way.

What Dhub supports

  • Frontmatter editing — title, description, date, and custom fields through a form UI
  • Tables — visual table editor, no Markdown pipe syntax
  • Images — drag and drop uploads, saved to your project with the correct relative path
  • Code blocks — syntax-highlighted blocks with language selection
  • MDX components — custom components render as editable MDX blocks

Custom components

If your TanStack Start project uses custom MDX components, Dhub displays them as embedded code blocks that you can edit inline. Standard Markdown content around them is still editable visually.