Nanoc Template

screenshot of Nanoc Template
tailwind

A simple template project for websites built with Nanoc

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.
tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.