Hylia

screenshot of Hylia
eleventy
scss

Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.

Overview:

A simple starter kit for EleventyHylia is a lightweight Eleventy starter kit with Netlify CMS pre-configured. It allows users to easily install a progressive and accessible blog in minutes. The starter kit provides a well-organized starting point that can be extended for individual needs.

Features:

  • Pre-configured Netlify CMS setup: Comes with a pre-configured Netlify CMS setup for easy content editing.
  • Customisable design tokens: Allows users to customize design tokens such as colors, size ratios, and fonts.
  • Customisable global data and navigation: Provides the ability to customize global data and navigation for a personalized blog experience.
  • Tags and tag archives: Includes support for tags and tag archives to easily categorize and organize content.
  • Progressively enhanced, semantic, and accessible: Ensures that the blog is progressively enhanced, follows semantic HTML structure, and is accessible to all users.
  • Super lightweight front-end: Provides a lightweight front-end for optimal performance.
  • Sass powered CSS system with utility class generator: Utilizes Sass for easy CSS customization and includes a utility class generator for quick styling.
  • Service worker for offline reading: Includes a service worker that caches pages, allowing users to read articles offline.
  • RSS feed: Generates an RSS feed for blog posts.
  • Basic contact form with Netlify Forms: Comes with a basic contact form that is ready to use with Netlify Forms.

Method one: One-Click Deploy to Netlify

  1. Click on the "Deploy to Netlify" button.
  2. Follow the steps to deploy Hylia to Netlify.
  3. Once deployed, you will be up and running in minutes!
eleventy
Eleventy

11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.