Content Organization

Pages, sections, and bundles explained

2 min read 364 words
Edit this page

Was this page helpful?

Your folder structure becomes your site structure. No configuration required.

Note

Do I need this? Yes when planning site structure, menus, or content types. Skip if you only write single pages in an existing scaffold — see Writer Quickstart instead.

The Three Content Types

flowchart TB subgraph "Your Files" A["📄 about.md"] B["📁 blog/_index.md"] C["📦 gallery/index.md"] end subgraph "Your Site" D["/about/"] E["/blog/ + children"] F["/gallery/ + assets"] end A --> D B --> E C --> F

A single.mdfile → a single HTML page.

TREE-SITTER-QUERY
content/
└── about.md  →  /about/

Use for: standalone pages like About, Contact, Privacy Policy.

A folder with_index.md→ a list page with children.

TREE-SITTER-QUERY
content/
└── blog/
    ├── _index.md     →  /blog/ (list page)
    ├── post-1.md     →  /blog/post-1/
    └── post-2.md     →  /blog/post-2/

Use for: blog posts, documentation chapters, any collection.

A folder withindex.md→ a page with co-located assets.

TREE-SITTER-QUERY
content/
└── gallery/
    ├── index.md      →  /gallery/
    ├── photo-1.jpg   (co-located asset)
    └── photo-2.jpg   (co-located asset)

Use for: pages with images, data files, or other assets that belong together.

Quick Reference

Pattern File Creates Assets
Page name.md Single page Usestatic/
Section name/_index.md List + children Usestatic/
Bundle name/index.md Single page Co-located

Tip

Key difference:_index.md creates a section (with children). index.mdcreates a bundle (with assets). The underscore matters!

Seealso

In This Section

Component Model Reference Exhaustive type, variant, props, cascade, and skeleton examples for Bengal's component model
The Component Model Understanding Bengal's Component Model: Identity, Mode, and Data.
Related Pages