Tech stack 2026 - vilka verktyg väljer en modern CTO?
Från frontend till AI. En komplett översikt över de verktyg och teknologier som definierar en modern, svensk techstack 2026 - med konkreta val, alternativ och vad du bör undvika.
4 principer för stackval
Innan du väljer enskilda verktyg behöver du principer. Dessa fyra styr alla tekniska beslut i en välskött organisation.
Boring Technology
Välj beprövad teknik för kärninfrastruktur. Spara innovationsbudget för det som ger konkurrensfördelar. PostgreSQL > ny NoSQL-databas.
Hiring-driven decisions
Välj teknik som det finns utvecklare för i Sverige. TypeScript > Elixir. React > Svelte. Bra teknik som ingen kan anställas för är dålig teknik.
Managed > Self-hosted
För allt utom kärnkompetens: välj managed services. Vercel > egen K8s. Supabase > egen Postgres. Din tid är dyrare än licenskostnaden.
Composable, ej monolitisk
Välj verktyg som gör en sak bra och har bra API:er. Undvik plattformar som låser in dig. Byta en komponent ska vara möjligt.
5 lager i en modern stack
Lager 1: Frontend
Next.js 15+
App Router, RSC, Server Actions. Fullstack-ramverk som är industristandard.
TypeScript (strict)
Typsäkerhet som skalar. Krävs för alla nya projekt.
Tailwind + shadcn/ui
Utility-first CSS + kopierbara komponenter. Snabbaste sättet att bygga UI.
Lager 2: Backend
tRPC
End-to-end typsäkerhet mellan frontend och backend. Inga schemas, inga codegen-steg. Perfekt med Next.js.
Hono
Ultrasnabb, Edge-kompatibel web framework. Bra för API:er som behöver köras på Cloudflare Workers.
Lager 3: Databas
PostgreSQL
Den enda databasen de flesta någonsin behöver. Relationell, JSON, full-text search, pgvector för AI.
Supabase
Managed Postgres + Auth + Storage + Realtime. Firebase-alternativ utan lock-in.
Neon
Serverless Postgres med branching. Instant databases, auto-scaling, bra free tier.
Lager 4: Infrastruktur
Vercel
Zero-config deploys för Next.js. Preview URLs, edge functions, analytics. Bäst DX på marknaden.
Azure / AWS
För backend-tjänster, ML, och enterprisekrav. Azure för Microsoft-ekosystem, AWS för bredaste utbudet.
Docker
Containerisering för reproducerbar deploy. Krävs för allt som inte körs serverless.
Terraform
IaC för alla cloud-resurser. Versionshanterad infrastruktur som granskas i PRs.
Lager 5: AI
Vercel AI SDK
Streaming, tool calling, structured output. Bäst DX för AI-features i Next.js.
LangGraph
Agent-ramverk för komplexa AI-workflows. Multi-step reasoning, tool use, memory.
Azure OpenAI
GPT-4, Whisper, DALL-E i Azures enterprise-miljö. GDPR-compliant, egna deployments.
pgvector
Vector-tillägg för PostgreSQL. Embeddings + likhetssök utan separat vektordatabas.
Stor jämförelsetabell - 10 kategorier
| Kategori | Förstaval | Alt 1 | Alt 2 | Undvik |
|---|---|---|---|---|
| Framework | Next.js | Remix | Nuxt | Create React App |
| Språk | TypeScript | Go (backend) | Rust (systems) | Vanilla JS |
| Styling | Tailwind + shadcn | Panda CSS | Vanilla Extract | CSS Modules (2026) |
| Databas | PostgreSQL | MySQL (legacy) | SQLite (edge) | MongoDB (for relational) |
| ORM | Drizzle | Prisma | Kysely | TypeORM |
| Auth | Auth.js | Clerk | Supabase Auth | Egenbyggd auth |
| Hosting | Vercel | Cloudflare | Railway | Heroku (2026) |
| CI/CD | GitHub Actions | GitLab CI | CircleCI | Jenkins (nya projekt) |
| Monitoring | Grafana Stack | Datadog | New Relic | Bara server-loggar |
| AI SDK | Vercel AI SDK | LangChain | LlamaIndex | Direkt API utan SDK |
Vad har ändrats sedan 2024?
React Server Components är stabilt
RSC gick från experimentellt till produktionsredo. De flesta Next.js-appar använder dem nu som default. Dramatiskt mindre JavaScript till klienten.
AI är ett krav, inte en bonus
2024 var AI en nice-to-have. 2026 förväntar kunder AI-features: smarta sök, sammanfattningar, assistenter. Vercel AI SDK gör det trivialt.
Drizzle ersatte Prisma för många
Drizzle erbjuder bättre prestanda, typsäkerhet och SQL-nära syntax. Prisma är fortfarande bra men Drizzle är nu förstahandsvalet för nya projekt.
Edge computing är mainstream
Cloudflare Workers, Vercel Edge Functions, Deno Deploy. Kod som körs nära användaren är standard för API:er och middleware.
Platform Engineering > DevOps
Fokus har skiftat från att varje team gör sin egen DevOps till att ha ett dedikerat plattformsteam som bygger en intern utvecklarplattform.
Vanliga frågor
Är denna stack för stora företag eller startups?
Båda. Principerna är desamma. Skillnaden är skala: en startup behöver kanske bara Vercel + Supabase + Next.js. Ett större företag lägger till Azure, Terraform, Datadog.
Kan vi använda Python istället för TypeScript?
För backend/data/ML: absolut (FastAPI, Django). För fullstack web: TypeScript är överlägset. De flesta team använder båda - TS för web, Python för data/AI.
Vad kostar hela stacken?
En typisk startup-stack (Next.js + Vercel + Supabase + GitHub): ~$100/mo. En 20-personers engineering-org: ~$2000-5000/mo. Största kostnaden är alltid lönerna.
Hur ofta bör vi uppdatera stacken?
Quarterly review: kolla DORA-metrics, teamfeedback, nya verktyg. Byten max 1-2 gång per år för icke-kritiska komponenter. Kärnstack (språk, databas): sällan.
Simon Axelsson
Grundare, SIAX Technology AB
Har byggt och lett teknikteam från 3 till 50 personer. Fattar arkitekturbeslut för både startups och enterprise. Driver siax.io för att dela med sig av lärdomarna.