Material Bliss Jekyll Theme screenshot

Material Bliss Jekyll Theme

Author Avatar Theme by Insipx
Updated: 8 Jun 2018
82 Stars

A Material Theme for Jekyll created with React, Redux, and React-Router transpiled with Webpack

Categories

Overview

The Material Theme for Jekyll is a website theme that is built using React, Redux, React-Router, and transpiled with Webpack. It offers two themes (light and dark) and is fully responsive for most devices. The theme also includes a dynamic fuzzy search feature, a push-out menu for saving space, and a dynamic project page built in a masonry layout. It is optimized with Jekyll Assets and Webpack, resulting in a high score on Google’s testmysite tool. Additionally, it offers a RESTful-like API with the jekyll-react plugin, allowing for the creation of static or dynamic pages with just a frontmatter option.

Features

  • Two Themes: Light and Dark
  • Fully Responsive: Works well on most devices
  • Dynamic Fuzzy Search: Allows for easy searching and filtering of content
  • Push-out Menu: Saves space and creates focus for users
  • Dynamic Project Page: Built in a masonry layout
  • Optimized: Scored 99/100 on testmysite by Google
  • RESTful-like API: Allows for the creation of static or dynamic pages with just a frontmatter option

Installation

To install the Material Theme for Jekyll, follow these steps:

  1. Clone the repository to your local machine:
git clone [repository-url]
  1. Navigate to the theme directory:
cd material-theme-jekyll
  1. Install the dependencies using npm:
npm install
  1. Build the theme for production:
npm run build
  1. Start the development server:
npm run start

Summary

The Material Theme for Jekyll is a responsive website theme built with React and optimized with Jekyll Assets and Webpack. It offers two themes, dynamic search, a push-out menu, and a dynamic project page. It also provides a RESTful-like API for creating static or dynamic pages. With its modern design and robust features, it is a great choice for creating a visually appealing and functional website.