Jekyll Themes & Templates Logo Jekyll Themes & Templates
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

Github

Categories

React Scss Material ui Templates & themes

Overview

The Material Theme for Jekyll is a website theme created using React, Redux, React-Router, and Webpack. It offers two themes (light and dark) and is fully responsive for most devices. The theme includes features such as dynamic fuzzy search, a push-out menu, and a dynamic project page layout. It is optimized for performance and includes a RESTful-like API. The theme allows for the creation of static or dynamic pages and is easy to install and use.

Features

  • Two Themes: The Material Theme for Jekyll offers both light and dark themes.
  • Fully Responsive: The theme is designed to be responsive and compatible with most devices.
  • Dynamic Fuzzy Search: Users can perform quick search using a dynamic fuzzy search function.
  • Push-out Menu: The theme includes a push-out menu that saves space and creates focus for users.
  • Dynamic Project Page: The theme features a dynamic project page layout in a masonry style.
  • Optimized Performance: The theme is optimized for performance with a high score on the testmysite by Google.
  • RESTful-like API: The theme includes a RESTful-like API built with the jekyll-react plugin.
  • Static or Dynamic Pages: Users can choose to create static or dynamic pages with just a frontmatter option.

Installation

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

  1. Clone the theme repository to your local machine.
  2. Install the necessary dependencies by running npm install in the command line.
  3. Update the ROOT_URL variable in the actions/index.js file with your site’s URL.
  4. Customize the site configuration variables in the _config.yml file under the react section.
  5. Add menu items to the menu_items.js file to render them in the push-out menu.
  6. Start the development server by running npm run start in the command line.
  7. Build the theme for production by running npm run build in the command line.
  8. Optionally, run npm run build-dev and npm run jekyll in separate terminals for development purposes.

Summary

The Material Theme for Jekyll is a versatile and visually appealing theme built with React and other modern web technologies. It offers a choice of light and dark themes, a responsive design, dynamic search functionality, and a push-out menu. The theme is highly optimized for performance and includes a RESTful-like API for easy integration with other platforms. With the ability to create static or dynamic pages and an easy installation process, the Material Theme for Jekyll is a great option for developers looking to build a modern and user-friendly website.