EMBL Eleventy boilerplate

This allows using the 11ty static site generator with direct access to Visual Framework 2.0 components.

Quickstart

yarn create @visual-framework/vf-eleventy your-new-site-name embl-eleventy

This will install a new embl-eleventy to a folder named your-new-site-name.

Then follow the onscreen prompts and links below to develop and configure.

The above too easy or have questions? Read this guide.

To add a component you can use npm/Yarn or install it manually.

In either case you'll need to re-run gulp dev to ensure the component is fully loaded.

You can add a custom VF-compatible component to ./src/components and use it in your site.

You'll find a vf-sample component there, we've used it below:

Code: {% render "@vf-sample", {text: "with some text"} %}

Returns:

I'm a sample with some text