Eleventy and Vue, a match made to power Netlify.com

Netlify.com undertook an ambitious project to improve their website's design and tech stack. They aimed to streamline development, maintain lightweight output, and use components for easier code reuse. After trying various component-based frameworks and build tools, they discovered that Eleventy's static site generator aligned with their goal of lightweight output. However, they found the existing Vue framework not as friendly in the component-based development space. To overcome this, they combined Eleventy with Vue using the @11ty/eleventy-plugin-vue plugin. They created a new project from scratch and demonstrated how to add a Doctype, manage CSS, and use components. The combination of Eleventy and Vue offers an innovative approach to building web pages, enabling partial hydration and progressive enhancement.

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.