Upphandla hemsida eller app 2025 – kvalitet med Next.js, React Native och headless CMS
av Niklas Nilsson, VD, Projektledare & Seniorutvecklare
1. Börja med behov och mål
Definiera varför du behöver en ny lösning och vad den ska uppnå. Sätt mätbara mål (trafik, konvertering, NPS, crash‑free users) och prioritera användarresor.
Top tip
Samla affärsmål (vad) och användarbehov (varför) innan du går in på teknik (hur).
2. Kravspec och omfattning
Beskriv funktioner, flöden, integrationer, tillgänglighet (WCAG) och SEO. Dela upp i “måste”/“bör”/“kan” för att underlätta upphandling och faser.
- Roller: admin, redaktör, användare (webb/app).
- Flöden: onboarding, sök/lista/detalj, kontakt, betalning m.m.
- Integrationer: autentisering, betalning, CRM/ERP, analys.
3. Teknikval: Next.js och React Native
- Next.js (App Router): snabb webb med serverkomponenter, streaming SSR, Edge‑rendering på Vercel.
- React Native: en kodbas för iOS/Android med hög prestanda, Expo/EAS för bygg och OTA‑uppdateringar.
Välj en gemensam design- och komponentstrategi så att varumärket känns igen på både webb och mobil.
4. Headless CMS – förslag
Headless CMS gör innehållet frikopplat från presentationen och passar både Next.js och React Native.
- Sanity: flexibel schema, realtidsredigering, starkt för skräddarsydda redaktionella flöden.
- Storyblok: visuell editor, bra för marknadsteam som vill se layout i editorn.
- Contentful: robust enterprise, bra governance och fler miljöer.
Välj efter redaktionens behov: visuell editering vs. skräddarsydd struktur, arbetsflöden, roller/behörigheter.
5. Upphandling och jämförelse
Skicka ett RFP som inkluderar mål, krav, dataflöden, “non‑functional” krav och kvalitetsmått. Be leverantörer visa:
- Arkitekturförslag (Next.js/React Native), caching/SEO/tillgänglighet.
- CMS‑val och redaktionellt arbetsflöde (roller, publicering, förhandsgranskning).
- Tidplan och faser, bemanning (svensk utveckling), kostnadsmodell.
- Referenscase och demo/prototyp.
6. Kvalitetssäkring
Säkra kvalitet med mätning och automatisering:
- TypeScript överallt, strikt ESLint/Prettier.
- Tester: enhet, komponent (webb/app), e2e (Playwright/Detox).
- CI/CD: Vercel (webb) och EAS (app), releaseflöden och miljöer.
- Analys/telemetri: Web Vitals, Lighthouse, Sentry, Crash‑free users.
7. Leverans och förvaltning
Planera för innehållsmigrering, utbildning och förvaltning (support, SLA, backlog). Sätt upp en roadmap för vidareutveckling baserat på insikter och mätningar.
Sammanfattning: En lyckad upphandling 2025 kombinerar tydliga mål, smart kravspec, Next.js på webben, React Native i mobilen och ett headless CMS som passar redaktionen. Med svensk utveckling, mätbar kvalitet och bra process får du en lösning som är snabb, skalbar och lätt att arbeta med.