Frontends
Shopware Frontends is a framework for building custom, headless storefronts with Shopware 6.
Overview
Shopware Frontends is a powerful framework designed for frontend development, specifically for Shopware 6. It combines the best features of frontend development with the functionality of Shopware 6 and can be customized to meet the unique requirements of any business. With a focus on efficiency, flexibility, and speed, Shopware Frontends provides a seamless experience for developers and ensures a high-quality storefront for users.
Features
- Shopware native: Built specifically for Shopware 6, Shopware Frontends integrates core concepts like content management, checkout, and payment seamlessly.
- Cloud first: Designed to work with the HTTP APIs available in Shopware Cloud, eliminating the need for themes, plugins, or server access. Developers can even start their developer IDE in the cloud.
- Stable: Shopware Frontends does not rely on volatile internal APIs of Shopware, reducing the risk of breaking changes during platform updates.
- Efficient: Provides a smart default of tooling, including Vue3, Vite, Nuxt3, and unocss (Tailwind.css), offering a superior Developer Experience and rapid prototyping.
- Flexible: With no theming system, developers have the freedom to build their sites without restrictions. Templates and Tailwind.css features can be used to customize the site's appearance.
- Fast: Applies server-side rendering whenever possible, ensuring fast development, deployment, and production. Page speed and lighthouse scores are constantly monitored.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vitepress
VitePress is a static site generator designed for creating documentation websites. It offers a lightweight and fast development experience using Vue.js and Markdown, with features such as live-reload, theming, and customizable layout components.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Ecommerce
Ecommerce websites sell products or services to customers through an online storefront. These websites typically include features such as product listings, shopping carts, payment processing, and order management tools.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Vercel
Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.
