Teknik
Verktygen och ramverken bakom varje projekt — vart och ett med verklig produktionserfarenhet från levererade fallstudier.
Frontend
React 19
Component-driven UI library powering every web project in the portfolio. Used with server components and hooks-first patterns for fast, accessible interfaces.
TanStack Start
Full-stack React framework with type-safe routing, server functions, and SSR. The foundation for Chronomation, The Builder Coil, and Shipping API Dojo.
TanStack Router
Type-safe client-side routing with file-based route generation, loaders, and search params. Provides end-to-end type safety from URL to component.
Används i
Next.js
Production-grade React framework with edge rendering, image optimization, and i18n support. Used for client projects requiring maximum SEO performance.
Används i
TypeScript
Strict TypeScript across all projects — from route params and database schemas to API contracts. Eliminates entire classes of runtime errors.
Tailwind CSS
Utility-first CSS framework for responsive, mobile-first designs. Paired with design tokens for consistent theming across projects.
shadcn/ui
Accessible, composable component library built on Radix primitives and Tailwind. Provides a consistent design system without sacrificing flexibility.
Backend
Node.js
Server runtime for APIs, game backends, and server functions. Powers real-time systems, webhook processors, and background jobs.
Används i
PostgreSQL (Neon)
Serverless Postgres via Neon for multi-tenant data isolation, ledger accounting, and full audit trails. Row-level security and branching for safe migrations.
Används i
Drizzle ORM
Type-safe SQL toolkit that generates queries at build time. Provides zero-overhead database access with full TypeScript inference.
Används i
Upstash Redis
Serverless Redis for distributed locks, anti-double-spend guards, and rate limiting in high-concurrency payment flows.
Används i
Resend
Modern email API for transactional emails and newsletters. Handles subscription management, delivery tracking, and React-based email templates.
Används i
Distribution & Infrastruktur
Vercel
Edge-first deployment platform with automatic previews, analytics, and sub-100ms TTFB. The default hosting target for all TanStack Start projects.
Edge Runtime
Lightweight V8-based runtime for middleware, i18n detection, and geo-routing at the CDN edge. Minimizes latency for global visitors.
Används i
BankID
Swedish electronic identification for legally binding digital signatures. Integrated via official BankID infrastructure for document signing workflows.
Används i
Web3 / Arbitrum L2
On-chain purchase flows, wallet linking, and cross-chain state management via Abstract Global Wallet on Arbitrum L2.
Används i
Verktyg & Praktiker
SEO & Web Performance
End-to-end SEO strategy including structured data, Core Web Vitals optimization, sitemap generation, and mobile-first performance tuning.
AI / LLM Integration
AI-powered content generation, automated workflows, and LLM-assisted development tooling integrated into production systems.
Används i
Systems Design
Architecture planning for multi-tenant systems, distributed ledgers, cross-chain state, and event-driven pipelines.
Används i
Agile / Scrum
Iterative delivery with sprint planning, retrospectives, and cross-functional team coordination across distributed teams.
Används i
Spelutveckling
APIs
Supported Unity integration, focusing on API development for Blockchain and Database connectivity rather than direct game logic implementation.
Används i
Discord.js
Bot framework for community management, social games, and automated moderation across a 2.5k+ member Discord server.
Används i
Game Design
Gameplay leadership and design direction for multiplayer games. Served as Gameplay Lead on Skyscraper MMO deckbattler and supported game design & testing for Blightfell Web3 strategy autobattler.
Används i
Se dessa tekniker i praktiken
Varje teknik som listas här demonstreras i ett riktigt, levererat projekt.