Från föråldrad WordPress till en av Sveriges snabbaste fastighetswebbplatser

Den gamla WordPress-sajten var konstruerad för ett helt annat behov än det Nordmalingshus hade år 2025. Flera av de grundläggande problemen gick inte att lösa med plugins eller temauppdateringar, utan satt i själva plattformens arkitektur.

Sajten fanns endast på svenska, trots att en betydande andel av hyresgästerna har annat modersmål. Det innebar att viktig information om boende, felanmälan och hyreskontrakt inte nådde fram till alla.

Den var inte mobilanpassad. Eftersom majoriteten av besöken idag sker från telefon blev det ett stort problem för både sökande och befintliga hyresgäster.

Det saknades en FAQ-sektion. Enklare frågor landade istället som mejl eller samtal hos kundtjänst. All information för hyresgäster låg dessutom utspridd på sidor som var svåra att hitta.

Tekniskt byggde sajten på en lång rad plugins som skapade säkerhetshål, tvingade fram ständiga uppdateringar och riskerade att gå sönder vid kompatibilitetsproblem. Personalen hade svårt att själva uppdatera innehållet, och när en rubrik, ett telefonnummer eller en nyhet skulle bytas ut krävdes ofta hjälp av utvecklare.

Sammantaget var det en plattform som hindrade verksamheten istället för att stötta den.

Vi byggde om Nordmalingshus.se från grunden med fokus på tre saker: användarvänlighet, tillgänglighet och självbetjäning.

Frontenden är byggd i Next.js 16 med React 19 och TypeScript. Det ger server-renderad HTML, blixtsnabb laddning och en SEO-optimerad struktur från första bytet. Styling hanteras med Tailwind CSS 4 och hela byggkedjan drivs av Turbopack för snabba iterationer och effektiv deploy.

Innehållet ligger i Sanity CMS, ett headless CMS som låter personalen uppdatera texter, bilder, nyheter och hela kort direkt från ett visuellt gränssnitt. Live-redigering gör att ändringar syns i realtid innan de publiceras. Personalen behöver aldrig kontakta en utvecklare för att ändra en rubrik eller lägga upp en driftstörning.

Flerspråkigheten sköts med next-intl. Sajten finns på fem språk: svenska, engelska, arabiska, farsi och ukrainska. Arabiska och farsi renderas med korrekt höger till vänster läsriktning, vilket innebär att hela layouten, ikoner, pilar och marginaler speglas så att det känns naturligt för läsaren.

All hyresgästinformation samlades i en dedikerad sektion som vi kallar "För hyresgäster". Där finns felanmälan, rutiner, kontaktvägar, information om ditt boende och en snabb ingång till den befintliga hyresgästportalen Mina Sidor.

Ett nytt FAQ-system med fuzzy-sök gör att användare hittar rätt svar även när de stavat fel eller sökt på ett lite annat ord än det som står i frågan. Det minskar belastningen på kundtjänst markant.

Infrastrukturen är byggd på Vercel för global edge-hosting, automatisk skalning och zero-downtime. Vi använder Neon som serverless Postgres-databas för att hantera prenumeranter och admin, Vercel Blob för säker filuppladdning och Resend med Maily för transaktionell e-post.

Säkerheten är inbyggd från början. All användarinmatning valideras med Zod, fri HTML renderas genom DOMPurify och sanitize-html för att stoppa XSS, och autentisering sker via bcryptjs och JWT. Alla interaktiva komponenter är byggda ovanpå Radix UI, vilket ger WCAG AA direkt i grunden.

På admin-sidan fick Nordmalingshus en egen panel för att hantera nyhetsbrev-prenumeranter, formulärinlämningar och filuppladdningar. Utan beroende av plugins eller tredjepartsverktyg.

Nordmalingshus.se uppnår Google Lighthouse 100 av 100 i samtliga fyra kategorier. Performance, Accessibility, Best Practices och SEO. Det är ett resultat som färre än en procent av alla webbplatser på internet klarar.

Sajten laddar på under en sekund till interaktiv, även på långsamma mobila uppkopplingar. Tillgängligheten är testad mot WCAG AA och fungerar för användare med skärmläsare, tangentbordsnavigering och nedsatt syn.

SEO:n är strukturerad från grunden med semantisk HTML, sitemap, robots, metadata per språk och strukturerad data. Det gör att sajten är redo både för Google och för AI-sökmotorer som ChatGPT, Perplexity och Googles AI Overviews.

Alla gamla URL:er från WordPress-sajten har bevarats med serverside-redirects. Ingen existerande ranking eller extern länk går förlorad.

Skillnaden i den dagliga verksamheten är stor. Den gamla sajten fanns bara på svenska. Den nya finns på fem språk med RTL-stöd. Den gamla var inte mobilanpassad. Den nya är byggd mobile-first. Den gamla saknade FAQ. Den nya har ett sökbart system med fuzzy-sök.

Där WordPress krävde ständiga plugin-uppdateringar och säkerhetslappar underhåller den nya plattformen sig själv. Där den gamla tog flera sekunder att ladda är den nya under en sekund. Där personalen tidigare behövde hjälp för varje ändring kan de nu redigera allt live.

Resultatet är en digital plattform som både bygger varumärke och faktiskt fungerar som verktyg. Hyresgästerna hittar det de behöver på sitt eget språk. Personalen slipper kontakta utvecklare för enkla ändringar. Kundtjänst får färre samtal om saker som nu finns förklarade direkt på sajten.

Nordmalingshus står med en plattform som är redo för många år framåt, utan att behöva byggas om igen.