Introduction

A complete docs and blog starter for teams that want a polished content system without starting from scratch.

Gridlines is a documentation and blog template for product teams, open source projects, and design systems. It gives you a ready content structure, a custom interface, MDX support, sidebar navigation, article layouts, syntax highlighted code, and blog publishing patterns.

What you get

The template is designed to feel like a finished product from the first screen. It includes nested docs, an article system, a shared navigation bar, table of contents behavior, and a reusable MDX component map.

Docs

Docs are organized around folders and metadata. Each section can have an overview page, child pages, and a meta.json file that controls sidebar order.

Blog

Blog posts live in their own folders with colocated images. This keeps article assets close to the content that owns them.

Interface

The visible UI is built with local components, so you can change navigation, sidebar behavior, typography, and article layouts without rewriting your content.

Content model

This tree shows the public content shape that writers and template users interact with.

src/content/
  docs/
    getting-started/
    writing-pages/
    organizing-content/
    customizing-ui/
  blog/
    article-slug/
      index.mdx
      cover.jpg

Recommended path

Start with the project structure, write your first page, then review how sidebar metadata, page metadata, images, and code blocks fit together.

Replace in layers

Replace the example content one section at a time. Start with docs navigation, then page content, then blog posts, then visual styling.