Composably screenshot

Composably

Author Avatar Theme by Kompismoln
Updated: 30 May 2025
12 Stars

Static site generation with typed content + dynamic Svelte components at build time.

Categories

Overview

Composably is an innovative tool designed for static site generation that focuses on the integration of typed content alongside dynamic Svelte components at build time. This content processing plugin for Vite and SvelteKit enhances the build process, streamlining how content from various formats like Markdown, YAML, or JSON is managed within your applications. With its ability to treat content as virtual modules, Composably facilitates a highly organized approach to content management, making it a solid choice for those who appreciate a clean separation of code and content.

This plugin stands out for its unique method of treating Markdown not just as a formatting option, but as a data type. This distinct approach lends itself well to data-driven workflows, offering developers an intuitive experience while working with content. Despite some minor rough edges in its API, Composably showcases significant potential, especially for users familiar with traditional static site generators such as Astro or Jekyll.

Features

  • Typed Content Management: Processes and validates content from Markdown, YAML, JSON, or dynamic modules, making them accessible as virtual modules within your application.

  • Separation of Code and Content: Enables a clearer distinction between coding and content authoring, catering to developers who prefer a more organized workflow.

  • Custom Integration: The plugin allows for flexibility with routing, enabling both full-site and partial static site generation with ease.

  • Dynamic Component Interaction: Facilitates embedding dynamic Svelte components directly into markdown, empowering content authors to create rich, interactive experiences.

  • Simple Installation: Easily integrates into Svelte projects by modifying the existing configuration files to include Composably.

  • Extensive Example Library: The library comes with consumer examples and tests to help new users understand its functionalities rapidly.

  • Robust Virtual Export: Exposes processed content through a virtual export called composably:content, providing seamless mapping of paths to page data in your Svelte components.

  • Custom Logic Integration: Allows developers the freedom to add their own logic in the data load processes, giving them greater control over how content is utilized in their applications.