Overview

The Eleventy + Twig.js integration offers a powerful combination for developers looking to utilize the clean and efficient Twig templating syntax within Eleventy. This package allows users to leverage the capabilities of the pure JavaScript implementation of Twig while benefiting from the flexibility and performance of Eleventy, making it an ideal choice for modern web development projects. With a focus on enhancing templating experiences, this integration streamlines image handling, asset management, and shortcode customization.

Features

Built-in Shortcodes: Easily extend Twig functionality with twig.extendFunction(), streamlining the inclusion of custom logic in templates.
Twig Namespaces: Take advantage of Twig's built-in loaders to establish namespaces, improving organization and clarity in code.
Responsive Images: Automatically generate responsive image sets using the @11ty/eleventy-img plugin, ensuring optimal display across devices.
Hashed Assets: Enable automatic replacement of unhashed assets with their hashed counterparts when a manifest is generated, facilitating efficient asset management.
Custom Shortcodes: Create and customize shortcodes for asset paths and images, enhancing your templates with user-specific configurations.
Lazy Loading Support: Utilize configuration options to add attributes for image lazy loading, improving page performance and speed.

Factorial Io

Eleventy Plugin Twig