![PiheLux: Luxury Webshop with 100/100 Lighthouse Score — Built in 1 Week [Case Study]](/_next/image?url=%2Fimages%2Fblog%2Fpihelux-case-study-webshop.webp&w=3840&q=75)
PiheLux: Luxury Webshop with 100/100 Lighthouse Score — Built in 1 Week
TL;DR: The PiheLux premium textile webshop was built on Next.js 15 + React 19 + Tailwind CSS 4 in just 7 days. The result: 100/100 Lighthouse scores across Performance, Accessibility, Best Practices, and SEO. This isn't luck — it's the result of a deliberate series of architectural decisions. This article walks through the entire process.
Project Background: Who Is PiheLux?
PiheLux is a premium Hungarian textile webshop offering exclusive pillows, duvets, and bedding. The client knew exactly what they wanted: a webshop that visually reflects the premium nature of the products — white space, clean typography, large imagery — while loading at lightning speed.
Early in our conversation, the client mentioned: "We tried Shopify before, but it was slow and we couldn't customize it the way we wanted." This is a situation we encounter regularly. SaaS platforms offer convenience, but come with serious compromises in speed and design freedom.
Challenges: What Needed to Be Solved?
The four main challenges:
- Unique visual design befitting a luxury brand, with high-resolution imagery
- Maximum loading speed — despite image-heavy content
- Perfect mobile UX in a segment where 70% of shoppers browse on mobile
- Webshop features: product listing, filtering, cart, Stripe payment integration
The Results — By the Numbers
Technology Decisions: Why Not Shopify or WooCommerce?
This is one of the most common questions we get from clients. The answer is simple, but often surprising: Shopify and WooCommerce are structurally incapable of achieving 100/100 Lighthouse. Not because they are bad platforms — but because their flexibility comes at a performance cost.
| Aspect | Shopify / WooCommerce | Custom Next.js |
|---|---|---|
| Lighthouse Performance | 40–70 (typically) | 90–100 achievable |
| Design Freedom | Limited (themes) | Complete |
| Third-party scripts | Many (analytics, chat, etc.) | Only what you add |
| Monthly cost | $29–$299/mo platform + plugins | Hosting only (~$5–$10) |
| SEO foundation | Average | Excellent (SSG/ISR) |
The Development Process — Day by Day
Days 1–2: Design and Architecture
Moodboard and color palette definition (white, cream, gold accents). Figma wireframes for homepage, product listing, and product page. Next.js project scaffolding and Tailwind CSS 4 configuration tailored to the luxury aesthetic.
Days 3–4: Development
Product listing with category and price filters. Dynamic product pages via generateStaticParams. Stripe Checkout integration and cart state with Zustand. Images via next/image: automatic WebP conversion, responsive srcset, lazy loading. All custom SVG icons — zero icon font loading.
Days 5–6: Content, SEO and Testing
JSON-LD Product schema for every product page. Meta title and description optimization. Dynamic Open Graph image generation with next/og. Lighthouse audit and fine-tuning: critical CSS inlining, font-display swap, preconnect and preload directives.
Day 7: Launch
modern infrastruktúra deployment with custom domain and SSL. Final Lighthouse audit: 100/100/100/100. Handover, client training, monitoring setup. Client's reaction: "I didn't think this was possible. Our Shopify version scored 54."
Performance Data: Core Web Vitals
SEO Results 3 Months After Launch
- All product pages indexed by Google within 72 hours (SSG + XML sitemap)
- First-page organic rankings for 5 premium textile keywords
- Average Google PageSpeed on mobile: 94/100 (real user data)
- Bounce rate: 34% — versus industry average of 55–65%
- Average session length: 3 minutes 12 seconds
Key Takeaways from the Project
- Luxury design and speed are not opposites. Large, beautiful images can be fast — if served as WebP with next/image lazy loading.
- Stripe integration is simpler than most think. Stripe Checkout can be integrated in 2 days and is PCI DSS compliant out of the box.
- 7-day delivery is possible — but only if the client provides content on time. PiheLux came prepared with product photos and descriptions. This is the most common bottleneck.
- modern infrastruktúra is the best deployment choice for Next.js. Edge network, automatic SSL, instant rollback — and the base tier is free.
Frequently Asked Questions
Why did PiheLux score 100/100 Lighthouse when their Shopify version scored 54?+Need a webshop like this?
We can replicate PiheLux's results for your product too. 0 HUF upfront, 14-day delivery guarantee, 90+ Lighthouse as standard.
Request a free consultation →
