m_ott’s avatarm_ott’s Twitter Archive—№ 20,030

  1. The Law of Eleventy™ demands that you create a starter project as the first step of your learning journey. 😅 So, here’s mine: Eleventy Plus Vite A clean and fast starter project for eleven_ty with vite_js. github.com/matthiasott/eleventy-plus-vite
    OpenGraph image for github.com/matthiasott/eleventy-plus-vite
    1. …in reply to @m_ott
      It’s still WIP but I wanted to get a first version out the door. I’ll probably add a few basic styles and a demo page with a little “styleguide” at some point. And I’m sure there are other things that can be improved, e.g. regarding asset generation and preloading (!) with Vite.
      1. …in reply to @m_ott
        A short list of features: - Eleventy 2.0 Dev Server with live reload and Vite as middleware - post-processing by Vite w/ Rollup, CSS/Sass incl. Autoprefixer and cssnano - opinionated CSS/Sass structure - Critical CSS with asynchronous loading strategy - web font loading strategy
        1. …in reply to @m_ott
          - fluid typography - basic dark mode support - polyfill for focus-visible - RSS feed 🧡 - XML sitemap - Four Hundos Lighthouse score 💯💯💯
          1. …in reply to @m_ott
            Thanks so much to all the people who created a starter project or Eleventy site before me, especially 5t3ph, TerribleMia, mxbck, and zachleat – I learned so much from your different approaches (and shamelessly copied a bit of code here and there as well… 😇)!
            1. …in reply to @m_ott
              Let me know what you think – any feedback is very welcome! 🤗💚 PRs, too!