How to Build an Ecommerce Website with Jekyll, Strapi, Snipcart and Tailwind CSS

• Strapi-Eccomerce-website

  1 5 0.0 HTML

  Eccomerce website created with Strapi, Jekyll, Tailwind CSS, and Snipcart.

Below is a preview of the project we will be building in this article and here are the links to the final source code Frontend repository & the Backend repository

• Strapi-ecommerce-app

  1 2 2.6 JavaScript

Below is a preview of the project we will be building in this article and here are the links to the final source code Frontend repository & the Backend repository

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• jekyll-starter-tailwind

  3 243 0.0 JavaScript

  Jekyll starter styled with Tailwind CSS

For this guide, we will be using the Jekyll starter styled with Tailwind CSS template. This template has Tailwind CSS ultimately set up with Jekyll, making our development journey more accessible and faster. To set up the starter project, navigate to the Tailwind starter GitHub repository on your browser.

• jekyll-strapi

  1 54 0.0 Ruby

  Jekyll plugin to retrieve content from any Strapi API.

  

We won’t use single types because single type requests are not retrievable in Jekyll with the Strapi-Jekyll plugin.

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

TailwindCSS: Tailwind is a utility-first CSS framework for rapidly building custom user interfaces. By using Tailwind, we can write our css directly in our HTML classes. This leads to faster development time since writing CSS this way is much easier.

• Strapi

  458 59,941 10.0 TypeScript

  🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  

Strapi: Strapi is the world-leading node.js open-source headless CMS. Strapi simplifies our development process, making it easier to access our content by providing us fast and secure APIs built in an efficient and scalable manner.

• Jekyll

  253 48,287 8.7 Ruby

  :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby

  

Jekyll: Jekyll is a simple blog-aware static site generator used for creating personal websites, blogs, documentation websites, corporate websites, etc. Jekyll was built with the Ruby programming language, and it uses the liquid templating engine as its templating engine. Jekyll is also the engine powering GitHub pages.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Puts Debuggerer

  3,150 91 5.5 Ruby

  Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

Git installed locally and GitHub account - Follow the instructions here to install Git on your local machine. Create a GitHub account here.

Suggest a related project