Eleventy for the VF 2.0

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

☝️that also means dynamic building of just the CSS and JS you need.

Quickstart

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

This will install a new vf-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.

Find a component in the VF directory and use npm/Yarn or install it manually.

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