Eleventy Tailwind with Vite

This is a template (or demo) for integrating Vite with Eleventy. This allows you to use Vite for bundling and Eleventy for building static pages. It uses Tailwind for styling and Alpine for some Javascript magic.

Clone template

In an empty folder run npx degit adwinmbd/eleventy-tailwind-vite-template#main

Install:

npm install

To run:

npm start

Open http://localhost:8080 to view it in the browser

To build:

npm run build

To lint:

npm run lint

To lint:

npm run format

Todo

• Make @hotwired/turbo play nice with the template

References

• Tailblocks
• Jake Ord
• Stephanie Eckles
• Wicked Templates
• Fotis Papadogeorgopoulous