Nanoc Template

Overview:

The Nanoc template is a project template designed for building static websites using Nanoc. It comes with several extensions and configurations that are commonly used in website development.

Features:

• CSS compiled using autoprefixer and Tailwind: The template includes tools for compiling CSS code and using autoprefixer and Tailwind to enhance the styling of the website.
• Apply PurgeCSS in production environment: PurgeCSS is integrated into the template to optimize the CSS code by removing unused styles, resulting in smaller file sizes and improved website performance.
• Gemfile with commonly used gems: The template provides a pre-configured Gemfile with commonly used gems for easier development and integration of additional features.
• Convert filter for image format conversion: A Convert filter is included in the template, allowing for easy conversion between different image formats using ImageMagick.
• PngCrush filter for PNG optimization: The template includes a PngCrush filter that optimizes PNG files, reducing their file sizes without compromising image quality.
• Automatic export of website icons: The template includes a feature to automatically export website icons from a Sketch file, simplifying the process of adding icons to the website.
• Default files for JS, webmanifest, robots.txt, etc.: The template includes some default files for JavaScript, webmanifest, robots.txt, and other commonly used files, courtesy of HTML5 Boilerplate.
• Automatically generated sitemap: The template automatically generates a sitemap, making it easier for search engines to crawl and index the website.
• Gzipped versions of static assets in production environment: In the production environment, the template generates gzipped versions of static assets, reducing file sizes and improving website loading times.

Installation:

To install the Nanoc template, follow these steps:

1. Clone the template repository:

git clone https://github.com/username/nanoc-template.git

2. Navigate to the cloned directory:

cd nanoc-template

3. Install the necessary dependencies:

bundle install

4. Start the development server:

nanoc live

5. Access the website by opening your browser and visiting http://localhost:3000.

Summary:

The Nanoc template is a ready-to-use project template for building static websites with Nanoc. It provides a range of features, such as CSS compilation with autoprefixer and Tailwind, optimization of PNG files, automatic sitemap generation, and more. With the template’s pre-configured settings and included default files, developers can quickly create and customize their static websites while benefiting from optimized assets and improved performance.