FoxStudio
WorksLabStudioTeamJournalContact
FR·EN·IT

FoxStudio

Subsidiary of FoxCase.

Navigate

  • Works
  • Lab
  • Studio
  • Team
  • Journal

Contact

  • hello@foxstudio.fr
  • Cannes, FR
  • Ombrys

Legal

  • Mentions
  • Privacy
  • Footprint

Cannes, FR · GMT+1MEASURING…v0.1.0
Decorative patternLines
011 ▸ 2025Next.js · TypeScript · Tailwind× archived

Klown Vitrine

Public-facing showcase for the Klown brand and product line — narrative-led, motion-light, server-rendered.

01▸Context2025 · archived
Year
2025
Status
archived
Stack
Next.js · TypeScript · Tailwind

A brand showcase needs to load in under a second and survive five years without maintenance. "No-code" site builders fail the first two and often miss the third. We wanted a site that just works.

Klown Vitrine is the opposite of a marketing promise: no gratuitous animation, no auto-rotating carousel, no pop-up. A homepage presenting the line, product subpages, a contact form. That's it. That's the point.

02▸Approach
studio.foxcase.fr/works/klown-vitrine
System architecture diagrambuild-timeCLIENTBrowserEDGEVercel EdgeSERVERNext.js · SSGSTORAGEMDX · content

Everything is server-rendered. No hydration, no client router, no state manager. The only JS shipped is under 80 kB and only handles the contact form (validation + submission).

Images are AVIF with WebP fallback, lazy-loaded beyond the fold. Self-hosted fonts (Latin subset), font-display: swap. The result is a perfect Lighthouse 100 across the board — re-checked in CI on every PR. The site was archived after the engagement, but the pattern became the skeleton of every showcase site we've built since.

03▸Results
01

≤ 80 kB

02

SSR

03

0

Decorative patternChecker

Next ▸ 010

Klown Network