Eleventy_solo_starter_njk screenshot

Eleventy_solo_starter_njk

Author Avatar Theme by Brycewray
Updated: 11 Sep 2021
20 Stars

Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.

Categories

Overview:

The Eleventy starter set (Nunjucks-based) is a template that allows users to quickly set up a static site using the Eleventy static site generator (SSG). This starter set uses Nunjucks templating and includes several features such as responsive images, postCSS, and Tailwind CSS.

Features:

  • Nunjucks Templating: This starter set uses Nunjucks as the templating language, allowing for easy customization and modularization of components.
  • Responsive Images: The eleventy-img plugin is included, allowing users to easily add and optimize responsive images on their site.
  • PostCSS and Tailwind CSS: PostCSS and Tailwind CSS are included, providing a powerful and flexible CSS framework for styling the site.
  • Hashed File Names: In production mode, the CSS file is given a hashed file name for caching purposes, improving site performance.
  • Local Development: The starter set provides a local development environment using npm scripts, making it easy to preview and make changes to the site locally.

Installation:

To install and set up the Eleventy starter set, follow these steps:

  1. Clone this repository to a local directory.
  2. Open the \_data folder and update the metadata.json and siteparams.json files with your site’s specific parameters.
  3. Run npm install in the root folder to install all the necessary dependencies listed in the package.json file.
  4. Run npm run start from your terminal to start the local development server.
  5. Visit http://localhost:3000 in your web browser to view the site.
  6. Explore the sample posts and their corresponding Markdown files to understand how everything works.
  7. Edit the content files to customize the site according to your needs.
  8. When ready, deploy the site to your chosen hosting provider.

Summary:

The Eleventy starter set (Nunjucks-based) is a convenient template for setting up a static site using the Eleventy static site generator. With features such as Nunjucks templating, responsive images, and PostCSS with Tailwind CSS, this starter set provides a solid foundation for building and customizing websites. The installation process is straightforward, allowing users to quickly set up a local development environment and make changes to the site before deploying it to a hosting provider.