Hylia Forestry screenshot

Hylia Forestry

Author Avatar Theme by Dirtyf
Updated: 3 Nov 2020
25 Stars

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

Categories

Overview

The EleventyHylia starter kit is a lightweight Eleventy starter kit with Forestry CMS pre-configured. It allows for the quick and easy installation of a progressive and accessible blog in just minutes. The starter kit provides a well-organized starting point that can be easily extended to meet individual specifications.

Features

  • Customizable design tokens to personalize the theme
  • Customizable global data and navigation
  • Tags and tag archives for easy organization of blog content
  • Super lightweight front-end for optimal performance
  • Progressively enhanced, semantic, and accessible design
  • Sass powered CSS system with a utility class generator for efficient styling
  • Service worker that caches pages for offline reading
  • RSS feed for easy syndication of posts
  • Basic contact form with support for Netlify Forms
  • Pre-configured Forestry CMS setup for easy content management

Installation

To install the EleventyHylia starter kit, follow these steps:

  1. Clone the repository to your local machine.
  2. Run the terminal command npm install to install the necessary dependencies.
  3. Serve the site locally by running the command npm run serve.
  4. Build a production version of the site using npm run build.
  5. Compile Sass by running npm run compile-sass.
  6. Re-generate design tokens for Sass with the command npm run regenerate-tokens.
  7. Import the site to Forestry CMS by following the import instructions in the documentation.
  8. Configure the design tokens in the CMS by clicking on “theme settings” in the sidebar or edit the design tokens directly in the _src/data/tokens.json file.
  9. Customize the Styleguide by editing the src/styleguide.njk file. If the Styleguide is not needed, delete the file.
  10. Configure additional elements of the Sass system by editing the _src/scss/_config.scss file.

Summary

The EleventyHylia starter kit is a lightweight and customizable Eleventy starter kit with Forestry CMS integration. It offers features such as customizable design tokens, global data and navigation, tags and tag archives, and a super lightweight front-end. The kit also includes a service worker for offline reading, an RSS feed, and a basic contact form. With a pre-configured Forestry CMS setup, managing content is quick and easy. Overall, the EleventyHylia starter kit provides a solid foundation for creating a progressive and accessible blog with minimal setup and configuration required.