Product-ready docs
Gridlines is a polished Next.js docs and blog starter with an independent MDX content engine, accessible components, and thoughtful defaults.
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.
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.
Start with a working system
The structure is already in place. Install the project, understand the important folders, then publish the first real page.
Getting started
Set up the template and learn which files to edit.
Components
Explore the components included with the template.
Writing pages
Add content and metadata to your MDX pages.
Organizing content
Organize documentation with folders and sections.
Everything important is local
There is no hidden dashboard or theme package controlling the reading experience. Docs, blog posts, routes, and interface components stay together in the repository.
A calm authoring workflow
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.
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.
API reference
Document APIs with a consistent reference layout.
Badge
Show metadata in compact labels.
Callouts
Highlight guidance without interrupting the flow.
Changelog
Publish product updates in a readable timeline.
Code blocks
Show code with highlighting and controls.
Code groups
Switch between related code examples.
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.