Course
Storefront crash course
What you need to know about Vue
- Frontend
- Tech
Robert K. Pauls
Lead Frontend Developer
Introduction
Storefront Boilerplate is an all-in-one starter kit for building high-performance e-commerce shops for the SCAYLE Commerce Engine. It accelerates your development team by providing a high-quality foundation. Our product's highly adaptive format is designed to enhance and simplify the creation of e-commerce websites.
In the following sections of the Customization guide, we'll lead you through the modification opportunities of the Storefront Boilerplate.
Vue.js
Built on Top of Vue3
Vue.js is a high-performance and battle-tested JavaScript Framework for building declarative and component-driven UIs. It aids your developers by making it easy to build feature-rich UIs of any complexity.
Additionally, building our Storefront Starter Kit on a proven Open Source Framework allows your developers to utilize a large ecosystem of tools and libraries to build your e-commerce shop.
TailwindCSS
Styling through TailwindCSS
TailwindCSS is an open-source framework focused on providing your developers with CSS utilities and classes to build your website more quickly.
It features CSS classes that are easily composable and makes it easy to build a consistent theme across your e-commerce shop.
It also comes with a predefined color palette, sizing options, and more, to get you quickly started without having to think about these things upfront, but leaving the possibility to easily change them later.
Learn more about TailwindCSS in their official documentation.
Responsive Design
The Storefront Boilerplate comes with a responsive design, meaning it works great on both mobile and desktop stack using a single codebase and minimal device-specific code.
The layout of the page adjusts depending on the user's screen size to give them the best possible experience.
Since an increasing number of users access your e-commerce shop by using their mobile phones, we also build and design our product using a mobile-first approach.
TailwindCSS helps us in building responsive design as every style can be easily only applied to a set of devices using breakpoint-specific classes.
To learn more about responsive design and how to build a responsive website, check out the Tailwind Docs.
To learn more about how to customize the response design of the Storefront Boilerplate, check out our Styling and Branding guide.
Further education - SCAYLE Academy
