← phworks.cl/Servicios/Software/Plataformas web

Web platforms para millones de requests, no para una demo.

Aplicaciones web con frontend moderno y backend tipado. Tanstack Query, Storybook, Playwright e2e desde el día 1. Performance budget medible y Lighthouse 95+ por contrato.

Tiempo medio go-live
8 sem
Equipo dedicado
Tech lead + 2–4 ingenieros + designer + PM
Modelo
Equipo dedicado o fixed-bid
Ideal si…
  • · Tu app actual no escala a más usuarios sin caerse
  • · Estás migrando de un monolito sin tests
  • · Quieres un design system reutilizable
  • · Necesitas SSR + SSG + ISR mezclado
01 / 06Capacidades

Frontend, backend e infra — un mismo equipo.

No separamos handoffs. El mismo equipo escribe el componente, el endpoint y el Terraform que lo despliega. La performance se cuida en los tres lugares.

01

Frontend moderno

Next.js, Remix, Astro, según el caso. SSR + SSG + ISR mezclado donde rinde. Lighthouse 95+ no es deseable, es contractual.

  • Next.js 15 · Remix · Astro
  • RSC + Server Actions
  • Performance budget en CI
02

Backend tipado

Node con Hono/NestJS, Python con FastAPI, Go para servicios con throughput alto. Schemas validados con Zod/Pydantic en boundary.

  • Hono · NestJS · FastAPI · Go
  • Zod · Pydantic · Pact contracts
  • tRPC para mono-repos
03

Design systems

Storybook como source of truth. Tokens en variables CSS y Tailwind. Visual regression con Chromatic. Reutilizable entre web y mobile.

  • Storybook 8 · Chromatic
  • Tokens compartidos
  • Componentes accesibles WCAG AA
04

Auth y multi-tenant

Auth0, Cognito, WorkOS, Clerk según madurez del cliente. Multi-tenant con row-level security en PostgreSQL o tenancy por DB.

  • RBAC · ABAC con OPA
  • Multi-tenant con RLS
  • SSO SAML · OIDC · SCIM
05

Edge y performance

CDN-first con Cloudflare/Vercel/Fastly. Static donde se puede, edge functions donde rinde, server full sólo donde hace falta.

  • Vercel · Cloudflare Workers
  • Edge SSR + ISR + cache
  • Image optimization + responsive
06

Testing serio

Vitest unit, Playwright e2e, k6 para carga, Storybook para visual regression. Pipeline rojo bloquea merge.

  • Vitest · Playwright · k6
  • Pact para integración
  • Visual regression con Chromatic
02 / 06Cómo entregamos

8 semanas a primer release. Un slice vertical en sem 2.

Si en la semana 2 no tenemos un slice vertical funcionando con login + 1 pantalla + endpoint real, algo está mal — y lo detectamos antes del mes.

1
1 SEM

Discovery

Auditoría del stack actual si existe. Decisiones de arquitectura, design system base, ambientes.

2
1 SEM

Setup

Repos, CI/CD, observabilidad, Storybook, primer componente público. Login a staging.

3
5 SEM

Build

Releases semanales a staging. Demo cada viernes con tu equipo. Métricas de adopción medidas.

4
1 SEM

Launch

Soft launch con 5% de tráfico, ramp progresivo, dashboards de error rate y latencia en vivo.

03 / 06Stack técnico

Frameworks que tu equipo ya conoce o quiere adoptar.

Trabajamos con Next/Remix/Astro según contexto. Si tu equipo ya hace SSR con un stack distinto, evaluamos antes de cambiar.

Frontend
Next.js 15 · Remix · Astro · React · TypeScript · Tailwind · Tanstack Query
Backend
Hono · NestJS · FastAPI · Go (chi · echo) · Rust para hot paths
Datos
PostgreSQL + RLS · ClickHouse · Redis · Snowflake · pgvector
Infra
Vercel · Cloudflare · AWS · Azure · Terraform · Pulumi
Auth
Auth0 · Cognito · WorkOS · Clerk · custom OIDC
Testing
Vitest · Playwright · k6 · Storybook · Chromatic · Pact
Observabilidad
Datadog · Grafana · Sentry · OpenTelemetry · Vercel Analytics
Build
Turbopack · Vite · esbuild · pnpm + Turborepo
app/api/orders/[id]/route.ts
TypeScript
01import { z } from "zod";
02import { db, observed } from "@/lib/runtime";
03 
04const Params = z.object({ id: z.string().uuid() });
05 
06export const GET = observed("orders.read", async (req, ctx) => {
07 const { id } = Params.parse(await ctx.params);
08 const order = await db.order.findFirst({
09 where: { id, tenantId: ctx.user.tenantId },
10 });
11 if (!order) return Response.json({ error: "not_found" }, { status: 404 });
12 return Response.json(order);
13});
04 / 06Qué entregamos

Aplicación + design system + pipeline + observabilidad.

Cuando termina el engagement tu equipo recibe una plataforma operable, no una codebase huérfana.

01

Aplicación en producción

Frontend + backend + datos + infra. Lighthouse 95+ medible, error rate <0.1%, tiempo de carga <2s.

02

Design system Storybook

Componentes accesibles WCAG AA, tokens en CSS variables, visual regression con Chromatic.

03

Infraestructura como código

Terraform/Pulumi en tu repo. Cuentas cloud bajo tu control. Costos auditables.

04

CI/CD completo

Tests rojos bloquean merge. Preview por PR. Rollback en un click. Feature flags.

05

Observabilidad

Dashboards Datadog/Grafana, SLOs definidos, alertas con runbook.

06

Documentación viva

ADRs, diagramas C4, runbooks. Mantenida con cada release.

05 / 06Modelos de engagement

Equipo dedicado o fixed-bid según el riesgo.

Para v1 + 6 meses de iteración recomendamos equipo dedicado. Para sites con scope cerrado y sin grandes variables, fixed-bid es ideal.

Modelo 01

Fixed-bid v1

Para v1 con scope claro. Pagás por entregable. Sin sorpresas en mes 4.

Desde
USD 85k
Site típico de 8 sem · scope acotado
  • Scope congelado en discovery
  • Riesgo absorbido por nosotros
  • Bonus por entrega temprana
  • Performance budget garantizado
Conversar
Modelo 02
Recomendado

Equipo dedicado

Para plataformas en evolución continua. Equipo full-time, releases semanales, design system creciendo con el producto.

Desde
USD 42k/mes
Tech lead + 2 ingenieros + designer + PM
  • Releases semanales
  • Storybook + Chromatic incluido
  • Performance + a11y monitoreado
  • Backlog priorizado contigo
Conversar
Modelo 03

Performance audit + fix

Si tu app actual es lenta o tiene problemas de UX. Diagnóstico + plan de fixes con cap de horas.

Desde
USD 32k
4 sem · audit + fixes prioritarios
  • Lighthouse audit completo
  • Plan de remediación priorizado
  • Implementación de top-5 fixes
  • Workshops con tu equipo
Conversar
06 / 06FAQ

Preguntas que hace tu equipo de procurement.

Si falta alguna, escríbenos. La incorporamos.

Por defecto Next.js 15 con RSC + Server Actions. Si el caso pide Remix (loaders/actions más simples) o Astro (sites estáticos con islands), lo evaluamos en discovery.
Discovery call · 30 min

¿Listo para mover IA
de PoC a producción?

Te contamos qué se puede entregar en 8 semanas, con qué equipo, y a qué costo. Sin decks, sin compromisos.

Sin spam. No vendemos contactos. Datos en residencia LATAM.