A starter boilerplate powered by 11ty, Sanity, Gulp, Tailwind CSS, rollup.js, Alpine.js and Highway.
Overview
The ByMattLee 11ty Starter is a starter boilerplate powered by 11ty, Sanity, Gulp, Tailwind CSS, rollup.js, Alpine.js, and Taxi.js. It provides a robust set of features and tools to easily create static websites.
Features
- Gulp as the build pipeline for rendering HTML, compiling styles and scripts, and optimizing assets
- Data sourced from the Sanity Cloud API, integrating seamlessly with the ByMattLee Sanity Studio Starter
- Local development environment with Browsersync for automatic browser reloads upon file updates
- 11ty as the static site generator, with minified markup in staging and production environments
- Easy configuration with options to update Sanity settings and environment URLs in the config.js file
- Tailwind CSS for a utility-first framework, including SCSS files with linter, autoprefixer, minification, and sourcemap creation
- Rollup.js as the module bundler with linting, concatenation, minification, and sourcemap creation
- Taxi.js for smooth page transitions and a custom framework for animated content
- Alpine.js for declarative DOM manipulation
- Optimization and responsive generation of images and SVGs
- Sitemap and robots.txt generation based on HTML files in the build
Installation
- Install Node 16.17.1 LTS (https://nodejs.org/)
- Install Yarn (https://yarnpkg.com/)
- Install all dependencies
Summary
The ByMattLee 11ty Starter is a powerful boilerplate that combines several popular technologies to streamline the development process of static websites. With features such as a responsive build pipeline, seamless data integration with Sanity, and optimized asset management, it offers a comprehensive solution for building modern websites.
