11ty Nostrils

A starter config for Eleventy with pipelines for Typescript and PostCSS.

Features

• Typescript bundling via swc
• Transforming CSS imports to a single file
• Autoprefixing via postcss-preset-env
• Minifying CSS via cssnano
• Minifying HTML via html-minifier
• Shortcode for generating IMG and PICTURE elements via eleventy-img plugin

What's missing

• No SASS compilation
• No linting or typechecking
• No CSS framework
• No JavaScript framework
• No test framework
• No environment variables
• No template language assumptions
• No built-in deployment targets

Getting started

1. Clone this repo

git clone https://github.com/cbergen/11ty-nostrils.git my-project

2. Navigate to directory

cd my-project

3. Install node dependencies

npm install

4. Start a dev server

Changes to Eleventy content, Typescript/JavaScript, and CSS all trigger automatic updates in the browser.

npm run dev

5. Build for production

The final build is output to the "build" directory.

npm run build