2026 · Solo full-stack developer
Grupo Vivaldi
Grupo Vivaldi is a law firm advising public-utility providers in Colombia. I delivered a headless build that looks like a premium firm rather than a template: Astro renders the pages, Storyblok holds every word and image, Vercel serves it from the edge, and the firm's own team runs the content.
- # astro
- # storyblok
- # tailwind
- # vercel
The problem
Grupo Vivaldi advises public-utility providers in Colombia and needed a site that matched the firm's standing. The team had to update services, people, blog posts and legal pages without a developer, and changes had to go live within seconds, because regulatory updates for their clients are urgent and unpredictable. The site also had to load instantly on any device, including mobile connections outside major cities.
The solution
- Astro 7 with server output and Incremental Static Regeneration on Vercel: pages are cached at the edge and revalidated on demand through a Storyblok publish webhook, so edits go live in seconds with a 60-second safety net.
- Storyblok as a headless CMS with a validated content model, scripted schema and content deployment, a live visual-preview route for editors, and an offline content snapshot for local development.
- Tailwind CSS v4 design tokens, a vectorized brand logo, automated checks across 13 viewport widths on every frontend change, and a Resend-powered contact form.
- Delivered with a client manual and a training session so the team fully owns their content.
Results
- Lighthouse 12 in production: Performance 100.
- Largest Contentful Paint 1.1 s, Total Blocking Time 0 ms, Cumulative Layout Shift 0.045.
- 80 ms server response time from the edge.
- Content edits go live seconds after publishing, with no rebuild and no developer involved.
Tech stack
- frontend
-
- Astro 7
- TypeScript
- Tailwind CSS v4
- cms
-
- Storyblok
- Visual preview
- Publish webhooks
- hosting
-
- Vercel
- ISR
- On-demand revalidation
- tooling
-
- Resend
- Sharp
- SVGO
- Responsive checks (13 widths)