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.
Getting Started with the Metalsmith2025 Starter
Complete guide to setting up your first Metalsmith project. From installation to deployment, learn how to build modern static sites with structured content and reusable components.
Installing Metalsmith Components in Your Project
Step-by-step guide to downloading and installing component packages. Learn how to add sections and partials to your Metalsmith project with automated install scripts.
Understanding Component Validation with Manifest Schemas
Learn how to use JSON Schema validation in manifest.json files to catch errors early, provide better developer experience, and ensure component configurations are correct.
Building Interactive Components with JavaScript
Learn JavaScript patterns for interactive Metalsmith components. Master dynamic library loading, event handling, state management, and modular architecture without frameworks.
Working with Data in Metalsmith Components
Learn how to structure, load, and use JSON data files in Metalsmith components. Master data-driven components with real-world examples from maps, logos, and collections.
Building a Site-Wide Search System
Learn how to implement a robust search system for your Metalsmith site using metalsmith-search plugin and client-side filtering with Fuse.js.