Eleventail

screenshot of Eleventail
tailwind

A running start for JAMstack projects with Eleventy, TailwindCSS and some Netlify goodies

Overview

ElevenTail is a project scaffold designed to quickly start a site build using Eleventy for templates and site generation, Tailwindcss for a utility-first CSS workflow, PurgeCSS for optimizing CSS output, UglifyJS for a simple JS build pipeline, and Netlify CLI for the Netlify dev pipeline and local replication of the production environment. It provides a convenient way to develop and deploy websites with minimal setup required.

Features

  • Eleventy: Uses Eleventy for templates and site generation.
  • Tailwindcss: Implements a utility-first CSS workflow using Tailwindcss.
  • PurgeCSS: Optimizes CSS output by stripping out unused CSS classes.
  • UglifyJS: Provides a simple JS build pipeline to minify and compress JS files.
  • Netlify CLI: Utilizes Netlify CLI for the Netlify dev pipeline and allows for local replication of the production environment.
  • Deploy to Netlify: Offers a quick way to deploy the site to Netlify with a configured CI/CD pipeline and HTTPS.

Summary

ElevenTail is a project scaffold that combines the power of Eleventy, Tailwindcss, PurgeCSS, UglifyJS, and Netlify CLI to provide a seamless development and deployment experience for websites. It allows for quick setup, easy styling with utility classes, optimized CSS output, and efficient JS build pipeline. With the option to deploy to Netlify, ElevenTail offers a comprehensive solution for starting a website project.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.