Skip to main content
Webhaven

Main navigation

  • Home
  • Who it's for
    • Drupal newcomers & learners
    • Drupal experts
    • Ambitious agencies
  • Features
  • Go to demo
  • Docs
  • Get launch notified
  • English
Just launched the Webhaven demo website. Check it out! 🚀

Breadcrumb

  1. Home
  2. Webhaven documentation
  3. Theming
  4. Single Directory Components (SDC)

Documentation

  • Documentation
    • Welcome
  • Get started
    • What is Webhaven?
    • Installation
    • Roadmap
  • Theming
    • Introduction
    • Theme structure
    • Create your own custom theme
    • Single Directory Components (SDC)
    • Component structure
    • An example component
  • Handy resources
    • Drupal Canvas
    • Useful DDEV commands
    • Drupal site template

Single Directory Components (SDC)

Webhaven is component-based leveraging Drupal's Single Directory Components (SDC) structure. 

This is a modern approach to that groups a component's template, look & feel and logic in one folder. This improves maintainability, reusability, and performance.

Maintainability

Each Webhaven component lives in its own self-contained directory, making it easier to understand and update without affecting other parts of the system.

When design or logic changes are needed, you can work directly within a single folder which reduces the risk of breaking unrelated components and improving overall code clarity.

Reusability

Webhaven components are designed to be modular and adaptable.

Once a component is built, it can be reused across multiple pages. This reduces duplication and ensures visual and functional consistency throughout your Webhaven project.

Performance

By isolating logic and templates within components, Webhaven ensures that only the necessary assets are loaded for each page.

This streamlined approach minimizes unnecessary dependencies, improves caching efficiency, and leads to faster page rendering times.

On this page
Webhaven
Launch your next Drupal project in days, not weeks.

Links

  • Launch notification
  • Features
  • Discover the demo
  • Documentation
  • Showcase
  • Blog
  • Frequently asked questions
  • Roadmap
  • Get in touch

Follow on

  • drupal profile
  • linkedin profile
  • x-twitter profile
© 2026 Webhaven. All rights reserved.

Legal

  • Privacy policy
  • Terms of service
  • Login
Built with