Hjem hos Jan
Een meertalige Nuxt 4 Static Site Generation website voor een Deense Bed & Breakfast met complete i18n-ondersteuning voor vier talen (Nederlands, Deens, Duits en Engels). Gebouwd voor optimale SEO, laadtijden en gebruikerservaring.
Project overzicht
Hjem hos Jan is een gezellige Bed & Breakfast in Øster Lindet, Zuid-Jutland (Denemarken), die onder meer gasten verwelkomt uit Nederland, Denemarken, Duitsland en Engeland. Voor dit project hebben we een volledig meertalige website gebouwd met Nuxt 4 Static Site Generation en vue-i18n internationalisering.
De website biedt een naadloze gebruikerservaring in alle vier de talen, met automatische taaldetectie, geoptimaliseerde SEO per taalvariant, en ultra-snelle laadtijden dankzij static site generation en een wereldwijd CDN. Gasten kunnen informatie over kamers, faciliteiten, lokale attracties en contact opnemen in hun eigen taal.
De uitdaging
Vier markten, één consistente B&B ervaring
Meertalige content management
Content voor vier talen (NL, DA, DE, EN) moet consistent en actueel blijven, zonder dat dit leidt tot dubbel werk of inconsistenties tussen vertalingen.
SEO per markt
Elke taalvariant moet geoptimaliseerd zijn voor lokale zoekmachines met juiste hreflang tags, meta descriptions en structured data per taal.
Performance & UX
Ondanks het meertalige karakter moet de site razendsnel laden en een vlekkeloze gebruikerservaring bieden, ongeacht de gekozen taal.
Schaalbaarheid
De oplossing moet eenvoudig uitbreidbaar zijn met nieuwe talen of markten zonder de hele site te hoeven herbouwen.
Onze oplossing
Nuxt 4 met vue-i18n voor schaalbare internationalisering
Static Site Generation
Met Nuxt 4 SSG genereren we voor elke taal een volledige set statische HTML-pagina's. Dit zorgt voor ultra-snelle laadtijden en optimale SEO.
- Pre-rendered HTML voor alle talen
- Optimale Core Web Vitals
- Geen runtime overhead
- Perfect voor SEO
Gestructureerde i18n
Alle vertalingen zijn georganiseerd in gestructureerde locale files per taal, met fallback strategie naar Engels.
- Schaalbare locale structuur
- Lazy loading van vertalingen
- Automatische taaldetectie
- SEO-vriendelijke URLs per taal
Cloud deployment
De site draait op een wereldwijd CDN met Cloudflare voor optimale snelheid en beveiliging in alle vier de markten.
- Wereldwijd CDN
- DDoS bescherming
- SSL/TLS certificaten
- Auto-scaling
Technische architectuur
Een solide basis voor internationale groei
Nuxt 4 met Static Site Generation
De basis van het project is Nuxt 4 met SSG mode. Bij elke build wordt de volledige site voor alle vier de talen gegenereerd als statische HTML files.
- Nuxt 4 Composition API
- Vue met script setup
- Automatische route generation
- SEO meta tags per pagina
vue-i18n internationalisering
We gebruiken vue-i18n voor alle vertalingen. Locale files zijn georganiseerd per taal met een duidelijke structuur voor makkelijk beheer.
- Locale files (nl.json, da.json, de.json, en.json)
- Automatische locale switching
- Pluralisatie ondersteuning
- Fallback naar English
Cloud hosting & Cloudflare
De statisch gegenereerde site wordt gehost via de cloud met wereldwijd CDN voor optimale performance in alle markten.
- Edge caching wereldwijd
- Auto SSL certificaten
- DDoS bescherming
- CI/CD pipeline
SEO optimalisatie
Elke taalvariant heeft eigen meta tags, structured data en hreflang tags voor optimale vindbaarheid per markt.
- Hreflang tags voor alle talen
- Locale-specific meta descriptions
- JSON-LD structured data
Resultaten
Meetbare impact op vier markten
< 1s laadtijd
Gemiddelde First Contentful Paint onder 1 seconde op alle markten dankzij static generation en CDN.
100% SEO score
Hoge Lighthouse SEO scores voor alle vier de taalvarianten met complete structured data.
4 markten
Live in Denemarken, Nederland, Duitsland en Engeland met lokaal geoptimaliseerde content.
Tech stack
Moderne technologieën voor schaalbare internationalisering
Frontend
- Nuxt 4 (SSG mode)
- Vue 3 Composition API
- TypeScript
- Tailwind CSS
- vue-i18n
Build & Deploy
- Vite build tool
- Cloudflare Pages
- Git-based CI/CD
- Automatic deployments
Performance & SEO
- Static Site Generation
- Cloudflare CDN
- Image optimization
- Hreflang tags
- Structured data
Ook een internationale website laten bouwen?
We helpen je met meertalige Nuxt applicaties, SEO-optimalisatie en schaalbare architectuur. Neem contact op voor een vrijblijvend gesprek.