Jekyll Themes & Templates Logo Jekyll Themes & Templates
Flightdeck For Jekyll screenshot

Flightdeck For Jekyll

Author Avatar Theme by Edheltzel
Updated: 20 Jun 2024
9 Stars

An opinionated starter project for Eleventy using Gulp as an asset pipeline

Github

Categories

Scss

Overview

The Flightdeck theme is a Jekyll-based project that includes various tools for web development such as Gulp, Sass, PostCSS, Autoprefixer, CSSNano, Imagemin, and Browsersync. It also suggests using Cloudcannon for client editing and rsync for remote server deployment. The theme can be installed on machines with Jekyll & Bundler, NodeJS, Yarn, and pnpm.

Features

  • Jekyll integration
  • Gulp for task management
  • Sass for CSS preprocessing
  • PostCSS for additional CSS processing
  • Autoprefixer for automatic vendor prefixing
  • CSSNano for CSS minification
  • Imagemin for image optimization
  • Browsersync for live reloading and synchronization
  • Cloudcannon for client editing (suggested)

Installation

To install the Flightdeck theme, make sure you have the following prerequisites installed on your machine:

  • Jekyll & Bundler: $ gem install jekyll bundler
  • NodeJS: use the installer or Homebrew
  • Yarn: a package manager for Node
  • pnpm: a fast and disk space efficient package manager for Node
  • Cloudcannon: optional for client editing
  • rsync: basic understanding if deploying to a remote server

Additionally, it is suggested to use Visual Studio Code with the Jekyll Snippets Extension for faster development and syntax highlighting.

To install and develop locally:

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Start the server.

To start development with file watching, browser synchronization, auto-rebuild, and CSS injection:

$ pnpm start

To build for production:

$ pnpm build

To deploy the site build:

$ pnpm deploy

Summary

The Flightdeck theme is a Jekyll-based project that provides a set of tools and features for web development. With integration of Gulp, Sass, PostCSS, Autoprefixer, CSSNano, Imagemin, and Browsersync, it offers a streamlined development workflow. Use of Cloudcannon is suggested for client editing, and rsync can be used for remote server deployment. The theme requires Jekyll & Bundler, NodeJS, Yarn, and pnpm for installation. Visual Studio Code with the Jekyll Snippets Extension is recommended for efficient development.