docs
  1. SCAYLE Resource Center

Progressive Technology

Storefront

Storefront Boilerplate is an all-in-one starter kit for building high-performance e-commerce shops for the SCAYLE Commerce Engine. It makes it quick and easy to build a best-in-class shop frontend. The latest version of Storefront Boilerplate is based on Nuxt and Vue 3.

Powering global brands

  • FC Bayern München
  • Harrods
  • Manchester United
  • fielmann
  • Kapten & Son
Storefront Boilerplate

Built for developers

Next-level tech stack

Our modules and components are built to be used in any type of application that needs commerce logic. Check out our documentation and learn how to get started. Make your custom logic and workflows easily accessible.

TypeScript

v5.0

Since our SCAYLE widgets are React components, they should be written in .tsx or .jsx format. More information in our documentation.

TypeScript config

Nuxt

v3.0

Learn more about how the SCAYLE storefront utilizes the nuxt framework and creates a boilerplate next-level commerce system.

Nuxt config

Vue.js

v3.0

An approachable, performant and versatile framework for building web user interfaces.

Vue.js documentation

Technical backbone

Playwright

Vite

Vitest

ESLint v9

Prettier

OpenTelemetry

Production-ready

Component-Driven Approach

Storefront's component-driven approach empowers developers to build flexible e-commerce shops by focusing on our unique components that are easy to maintain and scale. You can easily build needed features by using these components or combine them to unlock limitless customization opportunities tailored to your specific business needs.

Components

Product Listing Page

The Product Listing Page (PLP) is a crucial component of the Storefront Boilerplate, designed to display a collection of products to users. It provides essential features such as product filtering, sorting, pagination, category navigation, and product tiles, enhancing the shopping experience and aiding in product discovery.

Infrastructure

Deployment

New Release

Promotions

Storefront masterclass

SCAYLE academy

Storefront Crash Course

In this SCAYLE Academy crash course, we explore the technical foundations of SCAYLE's storefront, focusing on key aspects such as Nuxt, server-side rendering, and the steps needed to launch your storefront application. By the end, you'll be equipped to create a seamless and optimized user experience.

  • Robert K. Pauls
  • Intermediate
  • 5 lessons
  • 1h 55m
Storefront

Simple to deploy

Get a head start with your storefront using our ready-to-use Nuxt.js powered Boilerplate technology. Our framework allows you to build a custom storefront connected to our API & backend modules.

Storefront