Costa Wave Web
Bekijk live project →
Mijn eigen webdesignbureau aan de Costa Blanca, voor expats en Nederlandse bedrijven die actief zijn in Spanje. CWW draait op Next.js 16 en Sanity v5. Voor klanten bouw ik ook met Astro.js: statisch, inzetbaar op elke hostingprovider, klant is eigenaar van de code.
De uitdaging
Ik bouw websites voor anderen, maar mijn eigen site moest ook gewoon goed zijn. Twee doelgroepen: expats en ondernemers aan de Costa Blanca, én Nederlanders met een bedrijf in of rondom Spanje. Die groepen zoeken in andere talen, op andere termen.
De site moest dat aankunnen. Twee talen, twee URL-structuren, twee sets SEO-signalen, maar vanuit één systeem te beheren. En ik wilde de site zelf kunnen bijhouden zodra hij live stond: nieuwe blogpost, aangepaste dienstenpagina, redirect na een naamwijziging. Allemaal zonder code aan te raken.
Dit is ook een lopend project naast mijn freelancewerkzaamheden. Ik bouw en verbeter de site continu, en gebruik hem als testomgeving voor technieken die ik daarna inzet bij klanten.
Wat ik deed
Next.js 16 App Router met React 19 en TypeScript 6. Sanity v5 als CMS, met meer dan 50 bloktypen in de Studio: hero's, CTA's, testimonials, dienstensecties, FAQ-blokken, formulieren. Elke pagina is opgebouwd uit blokken; content aanpassen doe ik via de Studio, zonder codewijzigingen.
Next-intl verzorgt de meertalige routing. Nederlands staat op /nl/ met eigen Nederlandse slugs (/nl/over, /nl/diensten). Engels staat op /en/ met eigen Engelse slugs (/en/about, /en/services). Slugs worden automatisch gegenereerd vanuit de vertaalde paginatitel in Sanity.
Technische SEO-laag: elke pagina krijgt automatisch een canonical URL, hreflang-alternatieven, Open Graph-tags en robots-instelling vanuit Sanity. Schema.org is geautomatiseerd op paginaniveau: een FAQ-blok genereert FAQPage-schema, de over-pagina krijgt Person-schema, dienstenpagina's ServiceSchema, blogposts BlogPosting-schema.
Redirects beheer ik vanuit Sanity Studio zonder codewijziging. IndexNow stuurt zoekmachines direct een melding bij nieuwe content. Analytics (GTM en GA) laden alleen in productie. Newsletter-inschrijvingen gaan naar Supabase via Resend. Formulieren zijn beveiligd met reCAPTCHA v3 en een eigen spam-filter.
Naast Next.js bouw ik voor klanten ook met Astro.js. Astro genereert statische HTML die op elke hostingprovider werkt, ook shared hosting, zonder Node.js. Handig voor klanten die de site zelf willen beheren of op hun eigen server willen plaatsen. Voor dit gebruik heb ik een eigen Astro-starter gebouwd op dezelfde Sanity-basis.
Resultaat
De site trekt organisch verkeer uit Nederland én vanuit Spanje. Nederlanders die zoeken op 'website Costa Blanca' vinden de goede pagina. Expats die in het Engels zoeken ook.
Blog, pagina's, redirects: alles via de Studio. Geen deployment nodig voor content.
De site is ook een demonstratie van mijn werkwijze. Potentiële klanten zien de architectuur waarmee ik werk.
