BACK_TO_PROJECTS
projectsproterline
$cat case-study.md

// Proterline - High-Performance Brand Showcase

A high-end landing page for Alican's premium pet food line, achieving a perfect Lighthouse score through Astro's island architecture.

Proterline landing page preview showing high-speed performance and responsive layout
[00]
100/100
Lighthouse SEO
[01]
1.2s
LCP
[02]
Astro / TS
Stack

$ tech --stack

AstroTypeScriptTailwind CSSDocker

// Case_Study

For Proterline, I engineered a high-performance web presence using Astro and TypeScript. The technical core of this project was to achieve maximum efficiency; I implemented a zero-JS-by-default approach using Astro Islands, resulting in a perfect 100/100 Lighthouse score. I integrated a custom API consumer to dynamically display the product catalog while maintaining sub-second loading times. By leveraging Tailwind CSS and Docker for deployment, I ensured a consistent and robust environment that delivers a Largest Contentful Paint (LCP) of just 1.2s, directly impacting the brand's SEO authority.