<h2>Overview</h2>
<p>Eleventy Plus Vite is a clean and fast Eleventy Starter Project with Vite. It incorporates several features to enhance development efficiency and performance. This project has a focus on providing a seamless workflow for developers using Eleventy.</p>
<h2>Features</h2>
<ul>
<li>Eleventy 2.0.0-canary: This project utilizes the latest version of Eleventy, offering improved performance and new features.</li>
<li>New Eleventy 2.0 Dev Server: The project includes a new development server with live reload, making it easier for developers to preview their changes.</li>
<li>Vite Middleware: Vite is used as middleware in the Eleventy Dev Server, utilizing the eleventy-plugin-vite. This speeds up the development process by providing faster build times.</li>
<li>CSS/Sass Post-Processing: The project uses PostCSS to post-process CSS/Sass files. This includes features like autoprefixing and minification with cssnano.</li>
<li>Opinionated CSS/Sass Structure: The project adopts a structured approach to organizing CSS/Sass files, ensuring a clean and maintainable codebase.</li>
<li>Critical CSS Generation: The project generates critical CSS and inlines it using the rollup-plugin-critical. This helps to optimize the loading speed of the website.</li>
<li>Web Font Loading Strategy: An example implementation of a web font loading strategy is provided, incorporating critical FOFT (Flash of Unstyled Text) with preload to improve performance.</li>
<li>Fluid Typography: The project includes basic support for fluid typography based on the Utopia CSS framework.</li>
<li>Dark Mode Support: The project implements basic dark mode support using prefers-color-scheme and CSS Custom Properties. This allows for seamless switching between light and dark themes.</li>
<li>Focus-Visible Polyfill: A polyfill for the focus-visible CSS selector is included, ensuring consistent styling for focusable elements across different browsers.</li>
<li>RSS Feed and XML Sitemap: The project generates an RSS feed and XML sitemap for improved SEO and content discovery.</li>
<li>Excellent Lighthouse Score: The project achieves a perfect Lighthouse score of 100 on all four metrics, indicating a high level of performance, accessibility, best practices, and SEO.</li>
</ul>


Matthiasott

Eleventy Plus Vite