Eleventail screenshot

Eleventail

Author Avatar Theme by Philhawksworth
Updated: 18 May 2020
192 Stars

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.

Installation

To install ElevenTail, follow these steps:

  1. Make sure you have Node and NPM installed on your system.
  2. Install Netlify CLI by running the following command: npm install netlify-cli -g
  3. Clone the ElevenTail repository to your local machine.
  4. Navigate to the project directory.
  5. Run npm install to install the required dependencies.
  6. To start the site locally, run npm run start.

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.