Erick Arévalo — Desarrollador Full-Stack & Consultor Marketing Digital

Contexto del Proyecto

1. Servir de escaparate de mi trabajo full-stack + growth.
2. Convertirse en un starter-kit que pudiera clonar para futuros clientes que necesiten sitios SEO-first.
   

Objetivos

• Mostrar expertise en desarrollo + SEO con 6 proyectos publicados.
• Generar leads inbound ≥ 20 formularios/mes.
• Reutilizar el código y desplegar nuevos sitios en < 1 h.
• Alcanzar 90 + Lighthouse en Performance y 100 en SEO.

Proceso de Trabajo

1. Arquitectura & Setup (1 sem)

• Monorepo Turborepo (apps/web, packages/ui).
• Next.js 15 + TypeScript + ESLint, Prettier, Husky hooks.
• Deploy en Vercel con SSG + ISR.

2. Diseño & UI (2 sem)

• Tailwind
• Componentes reutilizables (Card, Callout, Accordion).

3. CMS & Contenido (1 sem)

• Sanity: schemas project, blog, testimonial, caseStudy.
• Portable Text con imágenes optimizadas (next-sanity-image).
• Webhook → revalidateTag() para refresco instantáneo.

4. Analítica & SEO (1 sem)

• GA4 + GTM.
• Hotjar heatmaps + recordings para CRO continuo.
• HubSpot forms embebidos y lead-scoring.
• SEO técnico: next-sitemap, Open Graph, Schema Person y CaseStudy.

5. Plantilla Reutilizable (ongoing)

• CLI create-client-site → clona repo, cambia branding y despliega en Vercel < 60 min.
• README con checklist SEO y scripts para subir schemas Sanity.

Resultados Clave esperados (30 d pos-lanzamiento)

• Lighthouse: Performance 90, SEO 100, Accessibility 100.
• Leads inbound: 27 formularios / mes (+40 % vs sitio anterior).
• Tiempo de setup nuevo cliente: 45 min (antes 6 h).
• Core Web Vitals: LCP 1,4 s · INP 90 ms · CLS 0,01.

Lecciones Aprendidas / Próximos Pasos

1. Modularidad > monolito: separar UI en packages/ui acelera proyectos cliente.
2. Los webhooks ISR de Vercel son esenciales para sitios con blog activo.
3. Próxima iteración: Edge functions para AB-testing server-side y búsqueda semántica con AI.
4. Implementar GTM server-side: eventos page_view, cta_click, outbound_link.

Conclusión