Naar hoofdinhoud
TIEMAN.IT

Voorbij Squarespace: een eigen Next.js site

Squarespace ziet er strak uit totdat je zelf iets wilt aanpassen. Ik haal jouw content eruit, bouw een volledig eigen site en zorg dat geen enkele Google-positie verloren gaat.

Waar Squarespace vastloopt voor groeiende bedrijven

Squarespace is gebouwd voor starters die snel een presentabele site willen. Fluid Engine is toegankelijk voor wie geen code kent. Maar zodra je buiten de templates wilt, loop je tegen een muur. Elke sectie heeft vaste rasterposities. Custom fonts buiten het Squarespace-systeem vereisen CSS-injectie in een verborgen Code Injection-veld, met de kans dat een platform-update jouw hack overschrijft.

Voor een kleine portfolio werkt dat. Voor een bedrijf dat serieus in SEO investeert, een eigen checkout-flow wil of meerdere taalversies nodig heeft, is het plafond snel bereikt. Squarespace ondersteunt geen server-side rendering, geen edge-caching per route en geen incrementele statische regeneratie. De Lighthouse-score blijft structureel onder de 60 zodra je meer dan tien secties op een pagina laadt.

Wat mij het meest opvalt bij audits van Squarespace-sites: de eigenaar weet vaak niet wat er technisch misgaat. De site 'ziet er goed uit' maar rankt niet, converteert niet en is traag op mobiel. Dat zijn geen toevallige problemen. Het is de architectuur.

Commerce-tier, Member Areas en de rekening die blijft groeien

Squarespace-prijzen lijken redelijk totdat je functies nodig hebt die buiten de basis-tier vallen. Commerce Basic kost €27/maand. Maar wil je abandoned cart recovery, geavanceerde shipping of klantaccounts, dan moet je naar Commerce Advanced voor €49/maand. Member Areas (voor besloten content of online cursussen) is een aparte add-on: €7–€38 extra per maand, afhankelijk van het aantal leden. Per jaar loopt dit snel op:

  • Commerce Advanced + Member Areas Starter: €696/jaar (vóór domeinkosten en e-mailhosting)
  • Squarespace Domains: €20–€40/jaar per domein, met beperkte DNS-controle
  • Squarespace Email Campaigns: €7–€46/maand extra als je hun e-mailmarketing gebruikt
  • Geen eigenaarschap: stoppen met betalen betekent dat je site verdwijnt, inclusief alle content

Een eigen Next.js-site draait op hosting die jij controleert. Stripe-integratie direct, zonder platform-percentage. Member-functionaliteit via een open-source auth-laag. Het abonnement dat wegvalt betaalt mijn ondersteuning voor meerdere jaren.

Wat code-eigenaarschap je teruggeeft

Op een eigen Next.js-site is de codebase van jou. Niet van Squarespace. Niet van een thema-ontwikkelaar. Van jou, opgeslagen in Git, te deployen via elke hosting-provider die je kiest. Als ik morgen stop met bestaan, draait jouw site gewoon door.

Dat eigenaarschap heeft concrete gevolgen voor wat technisch mogelijk is. Een greep:

  • Elk design-element is maatwerk: geen sectionraster, geen Fluid Engine-beperkingen
  • Eigen CMS naar keuze: eigen CMS in jouw site, of Markdown-bestanden in Git als content nauwelijks wijzigt
  • Server-side rendering en edge-caching per route (niet afhankelijk van Squarespace-servers)
  • Stripe direct gekoppeld zonder platform-fee of Commerce-tier-vereiste
  • Meertaligheid zonder Squarespace-workarounds: next-intl met volledige i18n-routing
  • Open Graph-tags, structured data en sitemap.xml volledig onder eigen beheer

Hoe ik content en structuur migreer vanuit Squarespace

Squarespace biedt een XML-export van pagina-inhoud en een CSV-export van productcatalogi. Blog-posts komen mee als WordPress-compatibele XML. Die parseer ik naar Markdown of de CMS-structuur die je wilt. Afbeeldingen staan in je Squarespace-mediabibliotheek: die exporteer ik via de ingebouwde image-export of via de Squarespace API, afhankelijk van de hoeveelheid.

Elke URL op je huidige site krijgt een 301-redirect op de nieuwe Next.js-omgeving. Ik bouw eerst een complete URL-map van de Squarespace-structuur, inclusief blog-slugs, productpagina's en eventuele Member-Area-paden, voordat er ook maar één redirect wordt ingesteld. Een gemiste redirect kost je Google-positie. Die stap sla ik nooit over.

Custom CSS die je in Squarespace's Code Injection hebt staan, vertaal ik naar de juiste component-level styling in de Next.js-codebase. Niets gaat verloren, maar het wordt ook niet klakkeloos gekopieerd. De kans is groot dat sommige hacks op de nieuwe architectuur simpelweg niet meer nodig zijn.

-- Klant-casus

Twentse fotograaf: van €384/jaar Squarespace Commerce naar eigen platform

Een zelfstandig fotografe uit Hengelo verkocht prints via Squarespace Commerce Advanced. Ze betaalde €384 per jaar aan het platform, plus €40 voor haar domein via Squarespace Domains. Haar grootste frustratie: ze kon geen aanpasbare pakket-pagina's bouwen zonder technische kennis. De Fluid Engine liet haar geen vrije tekstblokken naast productfoto's plaatsen zonder een workaround in Custom CSS.

Bij de Lighthouse-audit die ik uitvoerde, kwamen de volgende metingen naar boven:

38
Lighthouse Performance (Squarespace)
100
Lighthouse Performance (Next.js)
€384
Platform-abonnement per jaar bespaard

Na de migratie host ze haar site op een VPS waar haar domein-DNS volledig onder eigen beheer staat, inclusief e-mail via haar eigen domein, niet meer via Squarespace Email Campaigns. De productpagina's zijn gebouwd als dynamische Next.js-routes met Stripe-checkout direct gekoppeld. Blog-posts (ze schreef al tientallen artikelen over locatie-fotografie) staan nu in Markdown-bestanden in Git. Ze beheert ze via een lichtgewicht CMS-interface zonder maandelijks abonnement.

SEO-controle die Squarespace je niet geeft

Squarespace genereert automatisch een sitemap.xml en laat je meta-titles en descriptions invullen per pagina. Dat is het. Structured data (Schema.org) moet je handmatig via Code Injection injecteren als JSON-LD, en Squarespace biedt geen verificatie of validatie. Hreflang-tags voor meertalige sites zijn niet ingebakken: je bent aangewezen op workarounds in je DNS of handmatige injectie.

Op een eigen Next.js-site zitten de SEO-fundamenten in de codebase. generateMetadata() per route, next-sitemap als post-build stap, JSON-LD als React-component per pagina-type. Canonical URLs per locale via next-intl. Dat is geen fancy extra. Het is wat Google verwacht van een serieuze site.

Wat ik ook terug zie bij Squarespace-sites in Search Console: crawl-fouten op interne zoekpagina's en Member-Area-paden die geïndexeerd worden terwijl dat niet de bedoeling is. Een eigen robots.txt en een expliciete noindex per route lossen dat direct op.

Wat ik anders doe dan een Squarespace-designer

Een Squarespace-designer werkt binnen het platform. Ik vervang het platform. Dat is een andere aanpak, en het betekent dat ik bij elk project beoordeel of een migratie écht de juiste keuze is.

  • Ik audit eerst je huidige Squarespace-site: technisch, SEO, conversie, voor ik ook maar een regel schrijf
  • Ik stel een concrete scope voor op basis van wat er daadwerkelijk te winnen is, niet op basis van een standaardpakket
  • De 301-redirect-map is onderdeel van elk project, geen optionele extra
  • Ik gebruik geen Squarespace-thema's of page builders: elk component is geschreven in TypeScript/React
  • Na livegang monitor ik Google Search Console op crawl-fouten en pas redirects bij als dat nodig is
  • Je krijgt de Git-repository, niet een exportbestand dat je nergens mee kunt

Dat is waarom ik geen vaste templatepakketten aanbied voor Squarespace-migraties. Elke site heeft een andere structuur, andere content en andere SEO-geschiedenis. De scope bepaal ik na de audit, niet ervoor.

Wat kost dit?

Elk project is anders. De prijs hangt af van jouw site, de omvang en wat er nodig is. Geen tarief zonder eerst te begrijpen wat je nodig hebt.

Squarespace-migratie Basis
Op aanvraag
Tot 10 pagina's. Content overzetten, design vertaald naar Next.js, 301-redirect-map voor alle geïndexeerde URLs. Geen e-commerce.
Squarespace-migratie Uitgebreid
Op aanvraag
Tot 50 pagina's. Commerce-migratie van Squarespace naar Stripe of WooCommerce. Member Areas exporteren. CMS-keuze (mijn eigen CMS in jouw site).
Squarespace-migratie Maatwerk
Op aanvraag
100 of meer pagina's, custom layouts, meerdere locales of integraties met externe systemen. Prijs na scope-gesprek.

Plan een kort gesprek. Ik kijk naar jouw situatie en geef een eerlijk voorstel.

Verder lezen

-- Veelgestelde vragen

Heb je een vraag?

Ja. Member Areas worden vervangen door een eigen auth-laag. Afhankelijk van de complexiteit gebruik ik NextAuth.js met een lichtgewicht database, of een bestaande auth-service. Bestaande leden-e-mailadressen exporteer ik uit Squarespace en importeer ik in de nieuwe omgeving. Het Squarespace Member Areas-abonnement vervalt volledig.
Producten exporteer ik via de Squarespace CSV-productexport en importeer ik in de nieuwe shop-structuur. Historische bestellingen archiveer ik als CSV. Die staan niet in de nieuwe checkout, maar zijn wel raadpleegbaar. Nieuwe bestellingen gaan direct via Stripe zonder platform-percentage.
Squarespace exporteert blog-posts als WordPress-compatibele XML. Die parseer ik naar Markdown-bestanden of de CMS-structuur die je wilt. Elke blog-URL krijgt een 301-redirect naar de corresponderende slug op de nieuwe site. Publicatiedatum, auteur en categorieën blijven behouden.
Squarespace Domains zijn overdraagbaar naar elke registrar (Namecheap, TransIP, Cloudflare Registrar). Ik begeleid de overdracht. Tijdens de DNS-migratie zorg ik voor minimale downtime via een gecontroleerde TTL-verlaging en een parallelle staging-omgeving die al live staat.
Nee. Ik inventariseer alle Custom CSS en Code Injection die je gebruikt. Wat nodig is, vertaal ik naar component-level styling in de Next.js-codebase. Wat overbodig wordt door de nieuwe architectuur (veel Squarespace-hacks zijn workarounds voor platform-beperkingen) leg ik je voor met uitleg.
Met een correcte 301-redirect-map is permanent verlies te voorkomen. Ik bouw de volledige URL-map voor de migratie, stel alle redirects in en monitor Google Search Console na livegang op crawl-fouten. Tijdelijke fluctuaties zijn normaal bij elke platformwissel. Permanente daling is dat niet, mits de redirects kloppen.

Klaar om Squarespace achter je te laten?

Vertel me over je huidige site. Ik kijk wat er technisch misgaat, welke functies je mist en geef een eerlijk beeld van wat een migratie oplevert.