Profile Photo

Philip Bruér

Senior/Lead Software Engineer

Based in Malmö, Sweden (CET)

Who am I?

I'm a Swedish fullstack engineer with 20+ years of experience. I have a proven track record of leading greenfield projects from idea to production-ready solutions that are intuitive, visually polished, easy to maintain, and built for scale, and helping teams modernize legacy codebases so they can ship faster with higher confidence.

With over two decades of experience building web applications, from classic server-rendered apps in the early 2000s, through MVC patterns, to today's modern JavaScript frameworks, I bring a deep understanding of how the web platform and frontend ecosystem have evolved. I was an early adopter of React when it was released in 2013, and it has been a core part of my work ever since. But I'm not locked into any single framework. I can work confidently with Vue, Svelte, Angular, or meta-frameworks like Next.js, TanStack Start, Nuxt, and SvelteKit. My strength is not memorizing framework APIs, but understanding why the abstractions exist, how rendering actually works, and how to make the right architectural trade-offs for the product.

My main tech stack is TypeScript and Node.js, and I'm also comfortable contributing to .NET, C#, and Java codebases at a high standard. I can take full ownership of DevOps, tooling, code quality, best practices, infrastructure, and everything required to build, ship, and maintain modern web applications.

I bring deep expertise in frontend architecture and the systems thinking required to build scalable, maintainable web products. I know the importance of designing clean, composable component structures with clear APIs and separation of concerns, making deliberate decisions about state ownership and data flow, and building design systems that hold up under real-world scale. I care about semantic HTML, accessibility, performance, resilience, testability, and developer experience that makes long-term maintenance consistent and easy.

My strength is not limited to the frontend. I can also lead and deliver backend-oriented work to a high standard, especially where domain modeling, API design, service contracts, and product requirements meet. In teams split between frontend and backend, I can speed up delivery by shaping API schemas early and allowing both sides to move faster in parallel.

Beyond just technical

I can both design and implement high-quality product UI that scales through design systems and advanced CSS architecture. I'm comfortable owning the entire visual and technical side of complex interfaces, from layout, motion, and typography to component systems and maintainable styling. I can lead UX teams when needed, bring UX and engineering closer together, and help teams deliver more consistent UI with higher quality.

AI and the future...

I have expert-level, hands-on experience with LLMs, AI-assisted development, and agentic coding workflows. I was an early beta user of GitHub Copilot and have followed the evolution from autocomplete-style suggestions to autonomous coding agents, including practical use of MCPs. I do not see AI as a replacement for engineering skill, but as an amplifier. It amplifies strong judgment, clear architecture, good naming, clean boundaries, and well-structured codebases. It also amplifies weak judgment, unclear ownership, messy abstractions, and poor technical direction. That is why architecture, code quality, and engineering standards matter more than ever.

I use these tools where they create real leverage: exploring options faster, prototyping, scaffolding, debugging, refactoring, reviewing ideas, and moving through repetitive work without losing control of the architecture. I have given internal talks, shared practical AI workflow tips, and helped teams turn AI from a toy into a useful part of daily work.

Craft, drive and mindset

I care deeply about the code I write and the products I help create. I often keep thinking about improvements beyond working hours. Coding started as a hobby and still is one, which means I naturally spend a lot of time building, experimenting, engaging with the developer community, and staying up to date.

What you can expect from me in a team

I bring energy to a team and I'm naturally outgoing and communicative. I'm self-going and take the lead when needed, and I'm not afraid to challenge the status quo or be honest when it matters. I lead by example, and like mentoring and helping people around me grow. I have low ego and open about what I don't know, I ask questions that people are afraid to ask which tends to lower the guard for everyone else and creates room for real learning.

Straight to the point — TLDR
  • Fullstack with a frontend center of gravity. Able to lead and contribute at a senior level across both sides of the stack
  • 20+ years experience of building web applications. Deep understanding of system architecture, domain boundaries, and data modeling
  • Main stack is TypeScript and Node.js, while being fully capable of contributing to .NET, C#, and Java codebases
  • Early adopter of React, often using it as a primary tool while remaining equally effective with Vue, Svelte, and Angular
  • Very strong in frontend architecture
  • Confident taking full ownership of both design and implementation of enterprise-level product UIs using design systems and advanced, scalable CSS architecture.
  • When working in a frontend team, can lead the design of API schemas and data contracts to enable better collaboration and parallel work with the backend
  • Experience building complex real-time systems with SSE and WebSockets
  • Can take ownership of DevOps, CI/CD, releases, automated changelogs, and publishing packages
  • Brings a lot of drive and ideas
  • Coding is both work and main hobby: builds and experiments in spare time, stays up to date and shares knowledge
  • Self-going with low ego, takes the lead when needed and doesn't wait around for tasks to be assigned

Technical Proficiencies

Here are some of the technologies I've worked with over the last years. I'm always eager to learn new things and expand my skill set, so this list is constantly growing and evolving. I've organized them along the product development lifecycle to give a clearer picture of where each technology fits.

Core Languages & Runtimes

  • TypeScript
  • JavaScript
  • Node
  • Bun
  • Deno
  • C#
  • .NET
  • Java
  • PHP
  • Electron
  • Tauri
  • Android

Frontend Architecture & Frameworks

  • Tanstack Start
  • Tanstack Router
  • Next.js
  • React Native
  • Expo
  • Server Components
  • Suspense
  • SSR
  • Hydration
  • Remix
  • Zustand
  • Jotai
  • MobX
  • Redux Toolkit
  • Redux Saga
  • Redux
  • Tanstack Query
  • Tanstack DB
  • URQL
  • Apollo Client
  • React Hook Form
  • Tanstack Form
  • Internationalization
  • Paraglide JS
  • Google Maps Platform
  • zod
  • Schema Validation
  • Error Handling
  • Code-Splitting
  • Persisting data
  • Session/Local Storage
  • Cookies
  • Performance Optimization
  • Virtualization
  • Lazy loading
  • MDX
  • Tiptap
  • Resend
  • React Email
  • WebGL
  • Three.js
  • Vue
  • Nuxt
  • Svelte
  • SvelteKit
  • Angular
  • SolidJS
  • Web Components
  • SEO
  • Lighthouse
  • Web Vitals

UI/UX & Design Systems

  • HTML Semantics
  • Semantics CSS
  • Responsive Design
  • Web accessibility
  • ARIA
  • WCAG
  • Design System
  • Design Tokens
  • Modern CSS Techniques
  • Scalable themes
  • tailwind
  • Tailwind Variants
  • CVA
  • UnoCSS
  • Panda CSS
  • styled-components
  • emotion
  • CSS Modules
  • SASS/SCSS
  • Motion
  • dnd-kit
  • shadcn
  • React Aria
  • Ark UI
  • Radix UI
  • Base UI
  • Chakra UI
  • Material UI
  • Joy UI
  • Fluent UI
  • Ant Design
  • Custom Enterprise UI
  • BEM
  • Storybook
  • Figma

AI & LLMs

  • Vercel AI SDK
  • OpenAI API
  • Anthropic API
  • Gemini
  • Tavily
  • MCP
  • Figma MCP
  • Claude Code
  • Codex
  • Agents orchestration
  • Skills

API, Validation & Data

  • REST
  • GraphQL
  • Schema Design
  • Express
  • hono
  • tRPC
  • Fastify
  • WebSockets
  • SSE
  • Realtime
  • Sync Engine
  • ElectricSQL
  • Supabase Realtime
  • MongoDB
  • postgres
  • zod
  • Prisma
  • Drizzle
  • OpenAPI
  • swagger
  • Stripe
  • Polar
  • Entity Framework
  • Microsoft SQL Server
  • Optimizely/EPiServer CMS

Authentication & Security

  • OAuth 2.0
  • SSO
  • OIDC
  • JWT
  • Supabase Auth
  • Auth0
  • Clerk
  • NextAuth
  • Active Directory (AD)
  • MSAL

DevOps, Infrastructure, Build & Optimization

  • CI/CD
  • CDN
  • AWS
  • GCP
  • Azure
  • Cloudflare
  • Supabase
  • Netlify
  • Vercel
  • Nginx
  • Docker
  • Cloud Build
  • Kubernetes
  • Git Tags
  • Github
  • Bitbucket
  • Azure Dev Ops
  • CircleCI
  • npm
  • yarn
  • pnpm
  • Module Federation
  • Microfrontends
  • vite
  • Nitro
  • Webpack
  • babel
  • Monorepo
  • Turborepo
  • eslint
  • Biome
  • husky
  • prettier
  • commitlint
  • Semantic Versioning
  • Semantic Release

Testing & Logging

  • Jest
  • Vitest
  • Playwright
  • Cypress
  • React Testing Library
  • Sentry
  • Google Analytics
  • Kibana
  • Selenium

Tech Journey

Vira logo

Vira

Founder
Founder & Engineer
Malmö, Sweden
Jan 2026 - Present

A workspace for B2B sales, handling the deal from first proposal through to final invoice in one place.

Built end to end with TypeScript across web, desktop, mobile. Shared business logic, API patterns, and design system keep the product consistent across clients, while database-to-UI type inference makes development fast, reliable, and making it hard to break.

Powered by ElectricSQL and TanStack DB that handles real-time sync and offline support, making the product feel fast, responsive, and more like a native app even for web.

I own product, UX, frontend, backend, infrastructure, and marketing. Run alongside consulting work as a long-term project, with dedicated separate time for each.

  • TypeScript
  • React
  • React Native
  • Expo
  • Tanstack Start
  • Tanstack Query
  • Tanstack DB
  • Tanstack Form
  • Paraglide JS
  • React Email
  • Resend
  • tailwind
  • Base UI
  • Motion
  • dnd-kit
  • Drizzle
  • postgres
  • ElectricSQL
  • Realtime
  • Sync Engine
  • zod
  • hono
  • Stripe
  • Google Maps
  • Supabase Auth
  • Turborepo
  • pnpm
  • Vite
  • Nitro
  • Biome
  • Semantic Release
  • Vercel AI SDK
  • MCP
  • Playwright
FlatFrog Laboratories logo

FlatFrog Laboratories

Consultant
Lead Frontend Engineer
Lund, Sweden
April 2024 - Dec 2025

Led the frontend development of a React-agnostic collaborative whiteboard platform, encompassing a full-scale cloud SaaS web application, an Electron desktop app, and an Android-based touch-screen device with real-time collaboration capabilities. Implemented offline-first support on the client using IndexedDB, with the solution hosted on Google Cloud Platform (GCP).

Oversaw frontend delivery, including CI/CD pipelines, deployments, code quality improvements, and the implementation of best practices.

  • TypeScript
  • Electron
  • Android
  • Java
  • React
  • Redux (RTK)
  • IndexedDB
  • tailwind
  • Radix UI
  • Figma
  • express
  • REST
  • Docker
  • CI/CD
  • GCP
  • Playwright
  • Selenium
Region Skåne/SDV logo

Region Skåne/SDV

Consultant
Lead Software Engineer
Lund, Sweden
Jun 2023 - Apr 2024

During my engagement with Region Skåne, I architected and built a complete permission management solution from the ground up as part of Skånes Digitala Vårdsystem (SDV), one of Sweden’s largest digital healthcare initiatives. My work focused on permission integration, delivering a secure access to patient data for medical staff, while empowering administrators to efficiently manage access rights through a modern, intuitive interface.

As lead engineer, I drove all aspects of frontend development, from technical design and implementation to DevOps and CI/CD pipeline management in Azure. I also defined and managed RESTful API and schema design to ensure secure, efficient data interoperability across SDV’s centralized platform for medical records, permissions, and prescription management. My leadership extended to UX and design, delivering an intuitive and user-friendly interface that established a strong foundation for usability and effectiveness from day one.

  • TypeScript
  • C#
  • .NET
  • React
  • zustand
  • React Query
  • Radix UI
  • shadcn
  • tailwind
  • Figma
  • zod
  • REST
  • Docker
  • CI/CD
  • Azure
  • Cypress
Region Skåne logo

Region Skåne

Consultant
Lead Frontend Engineer
Lund, Sweden
Mar 2023 - Jun 2023

Rescued the project from a failing state, facing an extremely short deadline of three months. I transformed it from nearly non-existent to a complete and fully operational product. It became so successful that Region Skåne began discussions about selling it to other regions in Sweden.

Developed the frontend and designed the REST API schemas for Signe, an integrated reporting tool for healthcare providers at Region Skåne, within a small, highly autonomous team. This structure placed significant responsibility on each of us, demanding a high level of initiative and collaboration. In addition to designing a user-friendly interface for efficient user management and streamlined reporting processes, I implemented user management functionalities and integrated Active Directory for seamless authentication and secure access control. I also took charge of all frontend DevOps, including CI/CD processes, ensuring a smooth and efficient deployment pipeline.

  • TypeScript
  • C#
  • .NET
  • React
  • zustand
  • React Query
  • Joy UI
  • zod
  • REST
  • Vite
  • CI/CD
  • Azure
  • Jest
Axis Communications logo

Axis Communications

Full-time
Senior Software Engineer
Lund, Sweden
Mar 2021 - Mar 2023

Rejoined the same team as back in 2020 where we were creating a SaaS service for centralizing all AXIS IoT-devices in a complex UI with WebSocket, MQTT.

During my second term, I focused of the broader scope within the AXIS Organization, pushing change for collaboration between all UX and frontend developers. Bring my knowledge trying to get the company to embrace a centralized design, tech-stack. Also focused a lot on knowledge spreading and created forums for all UX and frontend devs.

I led the push for a unified design and tech stack across the organization to make our development work more cohesive and efficient. I also focused on spreading knowledge by setting up forums and spaces where UX and frontend developers could easily share ideas and learn from each other.

  • TypeScript
  • React
  • Apollo GraphQL
  • zustand
  • next.js
  • Fluent UI
  • styled-components
  • Storybook
  • Figma
  • Turborepo
  • CI/CD
  • AWS
  • Cypress
  • Jest
  • Sentry
  • Google Analytics
Hero Gaming logo

Hero Gaming

Full-time
Senior Software Engineer
Malmö, Sweden
Sep 2020 - Mar 2021

Integrated new iGaming products and together with an architecture capable of world class SEO performance and integrations with vast array of known payment providers.

  • TypeScript
  • React
  • Redux
  • URQL
  • SSR
  • SEO
  • Figma
  • REST
  • CircleCI
  • AWS
Axis Communications logo

Axis Communications

Consultant
Senior Software Engineer
Lund, Sweden
Nov 2019 - Sep 2020

Started as a consultant, later joined the same team and company as a employee. Joined the team when the project only consisted of a few sketches on a drawing board. Coding frontend architect of a advanced greenfield SaaS product of thousands of IoT network speakers - think Sonos for enterprise. Working in cross functional agile team. Working closely together with backend team creating GraphQL schema. Hosting everything on AWS. Responsible for the design and UX. Working in a agile cross-functional team with complete ownership of the product.

  • TypeScript
  • React
  • Apollo GraphQL
  • Redux
  • Material UI
  • styled-components
  • Figma
  • vite
  • CI/CD
  • AWS
  • Cypress
  • Jest
Visma Draftit logo

Visma Draftit

Consultant
Full-stack → Lead Frontend Engineer
Malmö, Sweden
Jun 2018 - Nov 2019

Started as a full-stack developer in an agile, cross-functional team, working on a monolithic C#/.NET codebase for their CMS platform supporting SaaS products.

I was given full ownership of the frontend rewrite, leading the migration to a modern headless architecture using React and TypeScript. I was responsible for all architectural decisions and played a key role in designing REST API schemas. I architected and delivered a comprehensive design system based on atomic design principles, building the company’s unique, pixel-perfect component library from the ground up and ensuring full accessibility throughout.

  • TypeScript
  • Node
  • C#
  • .NET
  • React
  • emotion
  • Storybook
  • REST
  • EPiServer CMS
  • Azure
  • Babel
  • Webpack
  • React Testing lib
Self-employed logo

Self-employed

Full-time
Entrepreneurial Fullstack Developer
Malmö, Sweden
Jan 2006 - Dec 2017

Freelancer and creator of web applications across varied platforms like php and Wordpress, ASP with .NET and early adopter of headless clients with SPA’s and React.

Combined software development with being a full time profession poker player. Created Poker bots with screen scraper for automation and invented various Poker software for analyzing databases over hand-ranges and tooling for multi-tabling among others. Written in C#, C++ and JavaScript.

  • JavaScript
  • Node
  • C++
  • C#
  • .NET
  • React
  • HTML
  • CSS
  • Microsoft SQL Server
Where it all began... logo

Where it all began...

Full-time
Web Designer & Developer
Malmö, Sweden
Jan 1996 - Dec 2005

I began building webpages using Microsoft Frontpage, Macromedia Dreamweaver, and Adobe Photoshop in middle school. During my educational years, I completed an internship at a government agency, where I developed web applications for clients.

Back then, before the millennium, almost everyone I knew was playing an online soccer manager game called Hattrick. Created one of the largest sites for the Swedish Hattrick community, with PHP, HTML, and CSS

Another notable project from that period was the creation of one of the most trafficked MP3 websites during the Napster era, which facilitated access to song downloads through legal linking.

  • JavaScript
  • ASP.NET
  • PHP
  • HTML
  • CSS