Fade & Blade
A modern barbershop website showcasing premium men's grooming services with advanced Next.js optimisations and performance monitoring.
Fade & Blade is a comprehensive barbershop website built with Next.js 15 and modern web development best practices. Featuring a dark theme design, interactive gallery with filtering, ISR for optimal performance, and enterprise-level monitoring. The project demonstrates advanced optimisation techniques including bundle analysis, Core Web Vitals tracking, and real-time performance dashboards.
Key Features
- Responsive dark theme design with smooth animations
- Interactive gallery with category filtering and ISR optimisation
- Real-time performance monitoring and Web Vitals tracking
- Advanced bundle splitting and caching strategies
- Performance dashboard for development insights
Built With
Next.js 15TypeScriptReactTailwind CSSLucide ReactIncremental Static Regeneration (ISR)Bundle AnalyserWeb Vitals TrackingImage Optimisation (AVIF/WebP)Vercel AnalyticsSpeed InsightsCustom Performance DashboardError BoundariesESLintPrettierLighthouse Testing