De toolkit voor geavanceerde en snelle webshop-ontwikkeling
Ontdek onze geavanceerde SDK voor het bouwen van custom frontends. Geef je werkwijze een boost en creëer ongeëvenaarde Shopping Experiences met de slimste suite aan tools.
Headless
Ontkoppel je frontend van je backend. Itereer en innoveer sneller. Stel een volledig aangepaste frontend-stack samen op basis van jouw specifieke zakelijke behoeften.
Composable
Geef de winkelervaring een nieuwe invulling zonder het wiel opnieuw uit te vinden. Gebruik beproefde functies om de onderdelen van je webshop samen te stellen waar je ze nodig hebt.
Cloud-ready
Maak het uzelf makkelijk. Laat Shopware uw hosting beheren met automatische software-updates en onderhoud, zodat u zich kunt richten op de groei van uw bedrijf.
App-ondersteuning inbegrepen
Alle op het App System gebaseerde apps die functionaliteit via de API aanbieden, worden ondersteund. Deze API-functionaliteit is toegankelijk via de API-client en via Vue.js composables.
Gemak, schaal en flexibiliteit voor creatieve innovatie
Breng je ideeën sneller tot leven. Shopware Composable Frontends biedt een eenvoudige set JavaScript-API's en Vue.js-componenten. Bouw je frontends vanaf nul en behoud volledige controle over je tech stack — zonder verplichtingen rondom updates.
Met het kookboek leer je precies hoe je Shopware-functies integreert in je eigen webshop, zoals een verlanglijstje of de blog. Met de API-client en de composables hoef je niet uit te zoeken hoe het werkt — het werkt gewoon.
De API-client is een onafhankelijke TypeScript-bibliotheek, volledig los van Vue.js. Gebruik hem in elk JavaScript- of Node.js-project. Combineer hem met React, Svelte of gewoon vanilla JavaScript. Begin vanaf nul en voeg e-commerce functionaliteiten precies toe waar jij ze wilt.
Wil je onze implementatie van Shopping Experiences hergebruiken in je eigen frontend? Ga je gang – de CMS van Shopware is headless. Of gebruik je liever je eigen headless CMS? Geen probleem: de mogelijkheden van Composable Frontends zijn zo gebundeld dat je jouw CMS moeiteloos integreert.
Van nul tot held: frontends
Hoe je project is opgezet, bepaalt het deploymentproces. Kies je startpunt – greenfield of een bestaand project. Met Shopware Composable Frontends heb je drie opties:
Je kunt beginnen met een leeg sjabloon: een lege Nuxt.js-applicatie met de Shopware Composable Frontends-afhankelijkheden voorgeïnstalleerd. Nuxt.js is een "meta"-framework bovenop Vue.js dat functies toevoegt voor routing en bestandsbeheer.
Je kunt ook de demowinkel-sjabloon gebruiken — een referentie-implementatie met de meeste Shopware-functies die je een voorbeeld van je frontend toont. Gebruik de demowinkel-sjabloon als blauwdruk voor je project, of gewoon als inspiratie en referentiepunt.
De derde optie is beginnen met een bestaand JavaScript Node.js-project, Composable Frontends als JavaScript-afhankelijkheid toe te voegen en in je project te installeren. Zo gebruikt de Astro-startersjabloon Composable Frontends in een project dat niet op Vue.js is gebaseerd en toont het de flexibiliteit van het framework aan.
Snel en eenvoudig aan de slag
Als je bekend bent met Vue.js en weet hoe je applicaties in JavaScript bouwt, kun je direct aan de slag met Composable Frontends — onze uitgebreide documentatie is meteen toegankelijk voor je. Je hebt geen specifieke Shopware-kennis nodig en je hoeft nauwelijks iets te leren over de SDK zelf. Natuurlijk moet je weten welke composables je nodig hebt om je frontend te bouwen, maar onze getting started guides helpen je daar stap voor stap doorheen. Geen frameworks, geen sugar, geen syntaxis om je druk over te maken.
Wanneer is meer kennis vereist?
Als je doel is een complete webshop te bouwen met Shopware Composable Frontends, moet je ervaring hebben met de fijne kneepjes van Nuxt.js of het door jou gekozen framework. Je moet begrijpen hoe je uitdagingen zoals routing, data en state, caching of andere geavanceerde onderwerpen aanpakt.
Duik diep in de techniek
Waarom hebben we Composable Frontends ontwikkeld? Waarin verschilt het precies van de Shopware PWA? En voor welke projecten gebruik je het het beste? Bekijk dit interview met Niklas Dzösch (Shopware Developer Evangelist) en Dominic Klein (Manager Developer Experience).
"Met Composable Frontends kunnen ontwikkelaars gebruikmaken van Shopware-functies in composable technologiestacks. We begrijpen dat het ecosysteem van frontend-ontwikkelaars snel verandert en wordt aangedreven door voortdurende verbetering en innovatie. Daarom dwingen we je niet om een bepaalde technologie te gebruiken — de keuze is aan jou. Tegelijkertijd bieden we beknopte voorbeelden waarmee je direct aan de slag kunt. Composable Frontends is het toekomstbestendige framework voor het bouwen van maatwerk-frontends met Shopware."
