Aplicacions web i dashboards de producció. Stack Next.js, React, Flutter Web. Performance, accessibilitat i design systems sense compromisos. Proposta en 1h.
TL;DR
Dribba construeix front-end de producció per a empreses i startups a Espanya: aplicacions web (Next.js, SvelteKit, Vue), dashboards interns, Flutter Web per a eines que comparteixen lògica amb l'app mòbil, i design systems documentats. Stack TypeScript estricte, performance mesurable (Core Web Vitals: LCP < 2 s, INP < 200 ms), accessibilitat WCAG 2.2 AA i testing real (Playwright per a E2E, Vitest per a unit). Oficines a Barcelona i Escaldes-Engordany (Andorra). Més de 300 projectes lliurats des del 2011 a startups en seed–Series A i a corporacions del Fortune 500.
Resumen · datos clave
El front-end empresarial ha deixat de ser "la capa visible" per convertir-se en la meitat del producte: dashboards complexos que substitueixen l'Excel, aplicacions web ràpides que competeixen amb apps mòbils, i eines internes que escalen a milers d'empleats. Aquesta meitat necessita la mateixa exigència tècnica que el back-end: tipatge estricte, observabilitat, testing real i performance mesurable.
Treballem principalment amb Next.js (App Router, Server Components, ISR) per a producte públic amb SEO i SSR. SvelteKit quan importa la mida del bundle i la velocitat d'iteració. Flutter Web quan l'eina interna comparteix lògica amb l'app mòbil del mateix client. Vanilla React amb Vite per a single-page applications complexes (dashboards, eines d'admin) on l'SSR no aporta.
El nostre diferencial no és la moda de l'stack —Next.js l'escull tothom—. És el que en fem: Server Components on aporten, Client Components només on són necessaris, streaming amb Suspense, partial prerendering quan aplica, edge runtime per a baixa latència geogràfica. Zero JS innecessari al client i bundles que passen Core Web Vitals en mòbil real, no només a Lighthouse.
Qué incluye
¿Encaja con lo que necesitas?
30 minutos. Sin pitch comercial. La conversación es contigo y con quien va a construirlo. Respuesta en menos de 1 hora.
Respaldo
+300
proyectos
15+
años
Flutter
partner oficial
Què fem
App Router, Server Components, ISR, Server Actions. Per a producte públic amb SEO crític, marketing sites d'alt trànsit, e-commerce i dashboards SSR-friendly.
React + Vite o SvelteKit, server-side quan importa. UI complexes amb grids, gràfics, edició inline, optimistic updates. Stack més lleuger que Next.js quan no hi ha SEO.
Compartir lògica entre app mòbil Flutter i eines internes web. Ideal per a back-office que l'equip client vol mantenir com una sola base de codi.
Tokens a Figma amb sync automàtic, llibreries de components a Storybook, visual regression amb Chromatic. Coherència visual i velocitat per afegir features.
LCP < 2 s, INP < 200 ms, CLS < 0.1 mesurats en mòbil real (CrUX). Audit tècnic, optimització per percentil 75, monitoring continu amb Vercel Analytics o equivalent.
Auditoria amb axe-core, tests automatitzats a CI, navegació per teclat completa, lectors de pantalla testats. No és accessori: ja és requisit legal a la UE.
Stack i decisions tècniques
No hi ha un stack únic. Hi ha decisions justificades. El que segueix és el que portem a producció habitualment el 2026.
Com decidir
| Criterio | Next.js | React + Vite | SvelteKit | Flutter Web |
|---|---|---|---|---|
| SEO / SSR | Excel·lent (App Router) | Només client-side | Excel·lent (Kit) | Pobre (render per canvas) |
| Bundle size base | ~80 KB JS gzipped | ~45 KB JS gzipped | ~15 KB JS gzipped | ~1.5 MB JS+wasm gzipped |
| Corba d'aprenentatge | Mitjana-alta | Baixa (si véns de React) | Baixa | Alta (Dart + widgets Flutter) |
| Hiring pool Espanya | Molt alt | Molt alt | Baix-mitjà | Mitjà (Flutter mobile) |
| Ecosistema 3rd party | Enorme (React) | Enorme (React) | Creixent | Limitat (web-specific) |
| Compartir lògica amb mobile | Limitat (llenguatges diferents) | Limitat | Limitat | Total (mateixa base Flutter) |
| Quan és la millor opció | Producte públic amb SEO, e-commerce, marketing, dashboards SSR | SPA pures: admin, dashboards interns, sense SEO | Apps amb bundle size crític o equips petits | Eines internes que comparteixen lògica amb app Flutter |
No hi ha un "millor framework" en abstracte. Hi ha un millor encaix amb el teu cas, el teu equip client i les teves restriccions de SEO, performance i hiring.
Por qué elegirnos
Dissenyem design systems documentats des de l'sprint 0. Cada component amb casos d'ús, accessibility built-in i entrada a Storybook. El producte creix coherent sense demanar aprovació visual a cada PR.
Saber más →Els Core Web Vitals són objectiu d'enginyeria, no PR de màrqueting. Pressupost de bundle per ruta, bloqueig de PRs que l'excedeixin, monitoring amb dades CrUX en producció. LCP < 2 s en mòbil real.
Migrem a App Router quan hi ha raó concreta (data fetching directe, streaming, edge runtime). No movem per seguir el roadmap de Vercel: ho fem quan redueix complexitat o millora performance mesurable.
Saber más →Preguntas frecuentes
Quatre criteris objectius: (1) Stack alineat amb el teu equip client — si el teu equip intern sap React, no contractis Svelte. (2) Performance mesurable en mòbil real, no només Lighthouse de demo. Demana dades CrUX de projectes anteriors. (3) Design system documentat com a lliurable, no "ja ho veurem". (4) Accessibilitat com a criteri d'acceptació en codi (axe a CI), no com a afegit al final. Si una agència no pot demostrar les quatre amb artefactes reals, continua buscant.
Tres blocs clars a Espanya el 2026: (1) Grans integradores (Indra, Capgemini, Accenture) — front-end com a part de transformació digital empresarial, equips grans, júniors majoritaris, preu/hora alt. (2) Software factories mitjanes (Plain Concepts, Apiumhub) — equips especialitzats en stacks específics, qualitat tècnica bona, escala mitjana. (3) Consultores boutique com Dribba — equips petits amb seniority alta, millor relació qualitat/preu per a producte, focus en performance i design system.
El mercat espanyol de front-end seriós es concentra en 3–4 ciutats: Barcelona, Madrid, València i Bilbao. Les consultores tècniques reconegudes combinen especialització (Next.js, React Server Components, design systems) amb cultura d'open source i participació en esdeveniments (JSConf, ReactJS, Next.js Conf). Dribba opera des de Barcelona i Andorra, amb stack Next.js / React / Flutter Web i casos públics a /proyectos.
Cinc preguntes que filtren ràpid: (1) Puc veure codi real en producció (públic o anonimitzat)? (2) Quins Core Web Vitals tenen els projectes de l'últim any en mòbil real (no Lighthouse)? (3) Com gestionen l'accessibilitat — axe a CI o auditoria al final? (4) Quin és el pla de design system i quan es lliura? (5) Com testen i quina cobertura objectiu tenen? Si les cinc es contesten amb concreció, hi ha equip real al darrere.
Next.js App Router com a decisió per defecte: SEO per a landing i marketing, Server Components per al dashboard autenticat (data fetching directe sense client-side waterfalls), Server Actions per a mutacions simples. TypeScript estricte, Tailwind + shadcn/ui per velocitat, Playwright per a E2E crítics. Hosting a Vercel si el cost ho permet, o self-hosted a Cloud Run si hi ha residència de dades o cost esglaonat.
Només en un cas: quan el client ja té una app mòbil Flutter i vol eines internes (admin, back-office) que comparteixin models, lògica de validació i domini amb l'app. Per a landing pages, blogs, e-commerce o qualsevol producte públic amb SEO, NO recomanem Flutter Web — el bundle size (~1.5 MB) i el render per canvas el fan mal candidat. Per a aquests casos, Next.js o SvelteKit.
Rangs habituals: marketing site amb CMS (Strapi, Sanity) entre 15.000 € i 45.000 €. Dashboard SaaS B2B entre 30.000 € i 120.000 € segons complexitat. Aplicació web complexa amb domini ric (multi-tenant, real-time, integracions) entre 60.000 € i 250.000 €. Tarifa/hora consultores boutique especialitzades: 75–130 €/h. A Dribba treballem a preu tancat per sprint o per lliurable, no T&M per a scope conegut.
Sprint 0 entre 1 i 2 setmanes des de la signatura. Inclou: arquitectura tècnica, repositori client operatiu, CI/CD configurat, entorns dev/staging desplegats, design tokens si hi ha disseny, primer commit visible. A partir de l'Sprint 1 hi ha demos quinzenals i codi revisable en temps real. El primer release a producció sol passar entre la setmana 5 i la 10.
¿Listo para empezar?