• Home
  • References
  • Blog
  • Search
  • Home
  • Blog
  • Blog

Component-Based Architecture

Blog

Guides and tutorials for building modern websites

Learn how to build, structure, and optimize component-based Metalsmith sites. From architecture fundamentals to advanced techniques.

  • «
  • ‹
  • 1
  • 2
  • 3
  • ›
  • »
  • Section Anatomy

    Section Anatomy

    Metalsmith Components Team June 16, 2025
    Deep dive into Metalsmith component architecture. Learn how hero sections, content blocks, and page sections are structured with YAML configuration and Nunjucks templates.
  • Building Pages with Metalsmith Components

    Building Pages with Metalsmith Components

    Metalsmith Components Team June 9, 2025
    Learn how to construct pages from reusable components defined in structured frontmatter. A practical guide to the component-based approach with real examples.
  • Sample Blog Post Structure

    Sample Blog Post Structure

    Albert Einstein , Isaac Newton June 2, 2025
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui nullam quis risus eget urna mollis ornare.
  • «
  • ‹
  • 1
  • 2
  • 3
  • ›
  • »

Last site build: Invalid Date

Metalsmith version: ^2.6.3

Node version: v22.21.1

© November 2025 - Build with Metalsmith