Lego
A fast static site generator that generates optimised, performant websites.
Overview
LegoBuild Status is a fast Static Site Generator that generates optimized and performant websites. It is built with NodeJS and supports Nunjucks and Liquid templates. It offers various features such as minifying and uglifying JS files, autoprefixing and minifying CSS files, asset revisioning, automatic sitemap and RSS feeds generation, code highlighting, HTML inclusion in markdown files, live-reload during development, and more.
Features
- Built with NodeJS: LegoBuild Status is built using NodeJS.
- Supports Nunjucks and Liquid templates: It supports both Nunjucks and Liquid templates for building websites.
- Minifies and uglifies JS files: It uses terser to minify and uglify JS files.
- Autoprefixes and minifies CSS files: LegoBuild Status uses PostCSS to autoprefix and minify CSS files using the provided browserslist to determine transpilation targets.
- Asset revisioning: The tool performs asset revisioning for CSS, JS, and image files.
- Automatic sitemap and RSS feeds generation: LegoBuild Status automatically generates sitemaps and RSS feeds for the website.
- Code highlighting at build time: It uses highlight.js for code highlighting during the build process.
- Critical CSS inlining: The tool extracts and inlines critical CSS using critical.
- Inline asset inclusion: LegoBuild Status supports inlining assets using inline-source.
- Image generation for various resolutions: It generates images for various resolutions and automatically inserts picture elements with corresponding source elements.
- HTML minification: The output HTML is minified to reduce file size and improve performance.
- HTML inclusion in Markdown: LegoBuild Status allows including HTML in markdown files using a custom syntax.
- Live-reload during development: The tool provides live-reload functionality during development for a smooth development experience.
- CNAME copy: LegoBuild Status copies the CNAME file to the build directory, ensuring compatibility with GitHub Pages.
- Cache implementation: The tool implements a cache, resulting in faster builds on subsequent runs.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
