De pagina's die verkopen
Home, categorie, product, zoeken, winkelmand, checkout en account. B2B-schermen erbij als de shop niet voor anonieme consumenten is.
Dienst
Een headless storefront in Next.js
Headless betekent hier iets concreets: Medusa blijft de commerce-motor, Next.js tekent de pagina's. Je krijgt een etalage met eigen ontwerp en echte URL's. Je krijgt niet vanzelf betere productdata of een slimmere aanbieding. Dat blijft mensenwerk.
In het kort
- De pagina's die verkopen
- Server-side gerenderd
- Aansluiting op Medusa
- Doorontwikkelen zonder de backend om te gooien
Prijs op maat na een gratis kennismaking
Wat we doen
Wat erin zit
Server-side gerenderd
Pagina's komen met inhoud bij de browser en bij de zoekmachine aan. Een storefront die alleen na een client-fetch bestaat, bouwen we niet.
Aansluiting op Medusa
Prijzen, voorraad en winkelmand lopen via de Medusa-API. De storefront verzint geen tweede voorraad.
Doorontwikkelen zonder de backend om te gooien
Een campagnepagina of een nieuw sjabloon kan in de storefront, zolang de commerce-regels in Medusa blijven.
Voor wie
Voor wie dit past
- Teams met een Medusa-backend die de standaard etalage ontgroeid zijn.
- Merken waarbij het ontwerp en de content net zo zwaar wegen als de checkout.
- Organisaties met meerdere merken of talen op één commerce-motor.
- Bedrijven die de frontend in huis willen kunnen volgen, in een stack die veel ontwikkelaars kennen.
Eerlijk advies
Wanneer we het afraden
- Een project waarin een Medusa-starterthema visueel al klopt en er geen eigen frontend-team of -budget is.
- De hoop dat 'headless' een traag assortiment of dunne productteksten repareert.
Prijs
Wat de prijs bepaalt
Prijs op maat na een gratis kennismaking. Deze factoren bepalen de prijs, niet een menukaart.
- Aantal sjablonen
- Een productpagina is één sjabloon. Landingspagina's, merken, talen en accountschermen zijn de rest van de telling.
- Ontwerp
- Een aangeleverd, uitgewerkt ontwerp is anders dan een ontwerp dat in het project nog moet ontstaan.
- B2B-schermen
- Inloggen, prijs op maat, snel bestellen en offertes zijn extra vlakken boven op een consumenten-checkout.
- Contentbron
- Teksten uit Medusa, uit een CMS, of uit allebei. Twee bronnen betekent een afspraak welk veld wint.
Proces
Het proces
- 01
Wat de etalage moet kunnen
We lijsten de schermen en de staat van elk scherm: gast, ingelogd, B2B, leeg, fout.
- 02
Schets op echte data
Zo snel mogelijk een productpagina met echte producten, niet alleen een statische compositie.
- 03
Bouw
Next.js App Router, aangesloten op Medusa. SEO-basis (titles, canonicals, sitemap) hoort erbij, niet als meerwerk achteraf.
- 04
Overdracht
De storefront is een repository die je kunt hosten en doorontwikkelen. We documenteren hoe een nieuw sjabloon wordt toegevoegd.
Kennisbank
Verder lezen
Vanuit deze dienst naar de kennisbank, en vanuit het artikel weer terug.
- ArtikelWat een headless Next.js-storefront wel en niet oplostMedusa blijft de motor, Next.js wordt de etalage. Wanneer dat verschil ertoe doet, en wanneer een thema gewoon genoeg is.Lees verder
- ArtikelShopify vs Medusa: kosten, flexibiliteit en wanneer je welke kiestShopify en Medusa vergeleken op abonnement, omzetfees, apps, hosting, kosten over drie jaar en B2B. Met prijzen van 5 november 2026 en eerlijk waar Shopify wint.Lees verder
- ArtikelWooCommerce vs Medusa: wanneer WordPress de shop gaat afremmenWooCommerce en Medusa vergeleken op extensies, hosting, kosten over drie jaar, B2B en meerdere shops. Met echte extensieprijzen en ons Shingyo-project.Lees verder
- Alle artikelenPlatformvergelijkingen en de overstapgids, met bronnen.Naar de kennisbank
Andere diensten
Waarom Next.js en niet het standaard Medusa-thema?
Het standaard thema is een goed vertrekpunt om Medusa te leren. Een eigen Next.js-storefront is logisch als het ontwerp, de SEO of de B2B-schermen van jullie zijn en niet van het starterproject. Als het thema volstaat, zeggen we dat.
Is een headless shop slechter voor SEO?
Alleen als de pagina leeg aankomt en JavaScript de inhoud er later in zet. Wij renderen de belangrijke pagina's op de server, met een echte URL en metadata. Headless is dan geen nadeel.
Kunnen we het ontwerp zelf aanleveren?
Ja. Liever uitgewerkte schermen voor product, lijst, winkelmand en account dan een homepage alleen. Ontbrekende staten (leeg, fout, lange productnaam) bespreken we, die zitten altijd in een shop.
Wie host de storefront?
Jullie zelf. Nieuwe projecten draaien standaard op Medusa Cloud in Frankfurt, in een account op jullie naam. We zetten het project zo op dat het niet aan ons account vastzit, en dat je het ook zelf kunt hosten bij een partij die Next.js kan draaien.
Kunnen jullie alleen de voorkant doen?
Ja, als de Medusa-backend er al is en de API de data geeft die de schermen nodig hebben. Ontbreekt er een prijsregel of een veld, dan is dat backend-werk en geen storefront-werk. Dat melden we meteen.
Gratis kennismaking
Wat is jouw uitdaging?
Twaalf shops die één moeten worden, een ERP dat de prijs bepaalt, of een checkout die niet doet wat je wilt. Vertel het in één gesprek. Je hoort eerlijk of Medusa past.
Aan tafel kan ook: het kantoor staat in Nijmegen. Voor Arnhem en de rest van Gelderland komen we ook langs.