ProRemo
Trespråklig nettsted og driftssystem for ProRemo, norsk forhandler av Nastec-pumper: produktkatalog, CRM, blokkbasert CMS og egenutviklet, personvernvennlig webanalyse.
ProRemo er norsk forhandler av Nastec sine turtallsstyrte pumpedrivere, solcelledrevne pumper og overvåkingsløsninger, med kunder fra landbruk til kommuner. Nettstedet deres var en statisk designprototype. Jeg bygde det om til en fullverdig produksjonsplattform: en trespråklig offentlig side på norsk, engelsk og italiensk med produktkatalog, bransjesider og sparekalkulator, og et adminpanel bak innlogging der bedriften driftes fra.
Adminpanelet
- CRM med leads, kontakter, bedrifter og pipeline som kortbrett, med aktivitetsfeed på hver enhet og konvertering fra lead til kontakt
- Blokkbasert CMS med språkfaner for norsk, engelsk og italiensk, revisjonssnapshot ved hver lagring og planlagt publisering
- Produktkatalog med bilde- og dokumentbehandler og trafikkgraf per produkt
- Mediebibliotek, forfatterprofiler og brukeradministrasjon med roller
- Egen statistikkdel: trafikk, konverteringstrakt, klikk-heatmap, Core Web Vitals, JS-feillogg og GDPR-sletting per besøkende
Det tekniske
Synk mot produsenten. Produktdata hentes fra Nastec sitt nettsted gjennom en egen synk-pipeline med serialisert kø, høflig rate limit, eksponentiell backoff og idempotent nedlasting basert på innholdshash. Kilden har ingen stabile id-er, så redaksjonell kuratering må overleve en re-synk: seksjoner refereres med normalisert overskrift pluss tekstprefiks og matches i flere passeringer, fail-open, med advarsel per produkt når en referanse mister treff.
Egenutviklet webanalyse i stedet for en tredjeparts tracker. Rå IP lagres aldri, identifikatoren er en hash med daglig roterende salt, og IP anonymiseres før oppslag. Uten samtykke skrives kun anonyme sidevisninger. Do Not Track og Global Privacy Control respekteres, og sletting av en besøkende kjører som én transaksjon.
Egen i18n uten bibliotek. Identiske nøkkelsett per språk, hreflang med x-default, og oversettelser lagt som overlay på den norske blokkstrukturen via delte blokk-id-er. Endrer du strukturen på norsk, følger engelsk og italiensk med.
Egenskrevet auth, server actions i stedet for et REST-lag, og et grensesnitt skrevet fra bunnen med håndtegnede SVG-ikoner.
Stack
Next.js 16, React 19 og TypeScript, Tailwind CSS 4, Prisma mot PostgreSQL 18, Supabase Storage for filer, Vitest for tester, og Docker på Coolify og Hetzner.