Home > Shopify Development > How to build Jekyll on your site

How to build Jekyll on your site in Shopify

Sam Nguyen
Sam Updated: February 21, 2024


Drive 20-40% of your revenue with Avada
avada email marketing

One of the best tools for the website developers to build powerful serve on their own computer is Static Site Generators. This is considered as a new and hybrid approach in an emerging ecosystem. With dynamic-like functionality, the static sites are fast , secure and cheap with the service cost like Amazon S3. Moreover, it is totally scalable with the very little server resources. The way that Static Site Generators works is different from other HTML-containing web pages, it also includes CSS and Javascript. However, the users will not feel so strange with its appearance because it looks like any individual file which is stored on a computer.

The Shopify store owners are familiar with diffrerent static site generators with flexible purposes such as Jekyll, Pelican, Hugo and Metalsmith; however, one of the most useful ones to create photo gallery websites or to create documentation websites from a folder of photos and other data files is Jekyll. This kind of site generator is open-source to help them manage the website’s content.

Furthermore, considered as the largest community of all the static site generators, Jekyll actively works in multiple-purpose Shopify website. For the beginners of online selling, it is necessary for them to understand about user request during setting-up process and run the server Nginx.

This tutorial How to build Jekyll on your site in Shopify with the straightforward steps will help the Shopify sellers to set up Jekyll easily.

How to build Jekyll on your site in Shopify

From the comand line, it is easy for the users to run Jekyll on a site by navigating to the site’s directory. The users can choose to run one of these commands:

How to set up serve

This command will automatically build and serve so it will help them develop the website by default. As usual, the site will be built by variable _site or run on the server at http://localhost:4000. More importantly, all of changes will be updated by rebuilding and refreshing the server.

How to build a site

This type of command are built wiht the site to _site, the users can copy the contents of _site to a hosting provider.

How to use runtime flags

In addition, the runtime flags command is a lot of we can pass these commands to adjust how the site is built. For example if we wanted the build to include all of our draft blog posts we could run jekyll like this:


The Shopify store owners enables approaching to Jekyll knowledge with our series of tutorials about Jekyll such as this article How to build Jekyll on your site in Shopify. Online sellers can find more about using Jekyll in other blogs Some things to know about Jekyll’s file structure, How to set up Jekyll on Mac OS X, How to set up Jekyll on Linux and How to set up Jekyll on Windows.

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.

Stay in the know

Get special offers on the latest news from AVADA.