---
title: Product-ready docs
description: Gridlines is a polished Next.js documentation starter with an independent MDX content engine, accessible components, and thoughtful defaults.
---

<div className="not-typeset my-6 flex flex-wrap gap-2">
  <Badge intent="success">Next.js</Badge>
  <Badge intent="info">MDX</Badge>
  <Badge intent="secondary">React Aria</Badge>
  <Badge intent="outline">TypeScript</Badge>
</div>

Gridlines gives product teams a complete publishing foundation without locking the interface to a documentation framework. Content stays simple to author, while every visible detail remains yours to customize.

<Callout title="Built to become your own">
  The content engine, navigation, components, and styles all live inside the project. Replace the examples, tune the design tokens, and ship documentation that belongs to your product.
</Callout>

## Start with a working system

The structure is already in place. Install the project, understand the important folders, then publish the first real page.

<Resources />

## Everything important is local

There is no hidden dashboard or theme package controlling the reading experience. Docs, routes, and interface components stay together in the repository.

<FileTree
  aria-label="Gridlines content structure"
  defaultExpandedKeys={["content", "docs"]}
>
  <FileTreeItem id="content" name="src/content">
    <FileTreeItem id="docs" name="docs">
      <FileTreeItem id="getting-started" name="getting-started" />
      <FileTreeItem id="components" name="components" />
      <FileTreeItem id="docs-home" name="index.mdx" />
    </FileTreeItem>
  </FileTreeItem>
</FileTree>

## A calm authoring workflow

<Steps>

### Write in MDX

Use familiar Markdown for prose and reach for components only when they add meaning—callouts, tabs, file trees, API references, or interactive examples.

### Organize with folders

Folders become documentation sections. A small `meta.json` controls labels and reading order without turning content into application code.

### Ship with the product

Pages are statically generated by Next.js, syntax highlighting happens ahead of time, and content changes can travel through the same review process as the product.

</Steps>

## Technical writing

The included MDX components share the same accessible primitives and design tokens as the rest of the interface. They are ready to use and straightforward to reshape.

<Components />

<Callout title="A starter, not a constraint">
  Gridlines provides a strong first version so you can spend time on your content and product voice—not rebuilding the foundations of a docs site.
</Callout>