Jekflix comes with features to help you create/edit/share content and provide a nice experience for your visitors.

Located in the top right corner of the template, the search component looks for post titles, categories and tags. It’s a simple search for static websites.

Search Box Screenshot

Estimated Reading Time

Every post shows an estimated reading time above its title, the minutes are calculated based on an average reader speed.

Estimated Reading Time Screenshot

Reading Progress Bar

(Optional)

It also shows a reading progress bar based on the reading time and the scroll position in the page.

Reading Progress Bar Screenshot

You can show/hide the time bar, see the docs.

“New Post” tag

For posts released up to 7 days before the current date, a tag where reads “New Post” is attached to them in the home page.

New Post Tag Screenshot

Load images on demand

To improve performance in the home page, only the posts above the fold are loaded initially. The next posts are loaded when scrolling down as needed.

Loading Screenshot

Push Menu

The template menu is hidden by default and pushes the content to the right when open.

Menu Screenshot

SVG icons

All icons used in the template are SVGs, providing a nice look for every resolution.

Template Icons

Shell script to create posts

A script named initpost.sh is provided to make it easier to create posts by command line.

In the project directory, just run:

$ ./initpost.sh -c "New post title"

Tags page

All tags are gathered in a single page where visitors can find the blog posts separate by its tags.

Tags Page Screenshot

Check it out here.

About page

An About page is provided by default, you can delete it at any moment.

About Page Screenshot

Check it out here.

Contact page

A contact form created with Vue is present in the template, so you don’t have to do it from scratch.

Contact Page Screenshot

Check it out here.

404 error page

The template also handles 404 errors already.

404 Page Screenshot

Check it out here.

Feed RSS

A feed file is automatically generated on every build.

Check it out a sample here.

Disqus

(Optional)

Jekflix Template implements the Disqus plugin, allowing visitors to comment in posts.

See the docs to configure it.

Featured post

(Optional)

In this 2.0 version, a hero lockup got added to the home page, like Netflix does with movies.

To turn on/off this feature, see the docs.

Page with hero screenshot

Home page pagination

(Optional)

There are two different options to show the posts in the home page, the first one is loading new posts when scrolling down and the second one is adding pagination.

To add pagination, see the docs.

Posts sidebar

(Optional)

As many people has asked for, Jekflix Template 2.0 adds an optional sidebar to posts.

To show/hide the sidebar, see the docs.

Post with two columns screenshot

Paginated posts

(Optional)

You can also boost your advertising views by paginating posts.

To break your posts into different pages, see the docs.

Paginated Page Screenshot

“Before you go” modal

(Optional)

To keep visitors interested in your content, you can show them some posts recommendations before they leave the page or/and they reach the post end.

See the docs for more information.

Modal screenshot

Post recommendation

By default, all posts show a post recommendation when visitor reaches the end of the article, like:

Recommendation Screenshot

This feature is supposed to be similar to the Netflix recommendation when you finish a movie or serie episode.

Math Expressions

(Optional)

Jekflix Template 3.1.0 now supports math expressions through MathJax library, thanks to @XieGuochao.

You only need 2 steps:

  1. Set math: true for a post.
  2. Adopt the MathJax’s grammar for $\LaTeX$.

For example, $\sum_{i=1}{10} = 55$ will be rendered as .

Netlify CMS ready

The newest addition to the Jekflix Template 2.0.0 is the Netlify CMS integration.

With Netlify CMS you will be able to create/edit posts using an editor, access a workflow panel and change every aspect of your blog with some clicks.

To use the Netlify CMS, you need to go through some steps first. See the docs for more info.

Here are some screenshots:

Netlify CMS post list screenshot

Netlify CMS post edition screenshot

Netlify CMS workflow screenshot

Netlify CMS site settings screenshot

Netlify CMS theme settings screenshot