A high-performance website for WOODME - a company specializing in custom woodworking, interior design, and architectural solutions. Built with modern technologies focusing on performance, accessibility, and user experience.
- Astro: Core framework for static site generation
- Sanity.io: Headless CMS for content management
- TurboPack: Monorepo build system
- TypeScript: End-to-end type safety
- SCSS: Advanced styling
- Preact: Lightweight React alternative
- Bun: JavaScript runtime and package manager
apps/astro: Main website applicationapps/sanity: Content management system
- 45+ custom Astro components including:
- Animated project references
- Dynamic blog system with reading time estimation
- Interactive galleries and sliders
- Contact forms with international phone support
- Fully managed through Sanity Studio with live previews
- Zero-JS by default with selective hydration
- Optimized image pipeline with:
- Automated WebP conversion
- Responsive images with proper srcset
- Lazy loading implementation
- Minified and bundled assets via TurboPack
- WCAG 2.0 compliance with:
- Semantic HTML structure
- ARIA attributes
- Proper heading hierarchy
- Interactive elements with minimum 44px touch targets
- Keyboard navigation support
- Automated meta tags generation
- Dynamic sitemap.xml and robots.txt
- Structured data for:
- Organization
- Blog posts
- Projects
- Canonical URL management
- Astro-powered static generation for optimal performance
- Strategic hydration with client:load, client:idle, and client:visible directives
- Type-safe development with TypeScript and Astro's built-in checking
- Monorepo structure with TurboPack for efficient builds
- Organized component library with 45+ reusable sections
- Consistent code style with ESLint and Prettier
- Content management through intuitive Sanity Studio interface
- Real-time preview capabilities for content editors
- Optimized Core Web Vitals for better SEO rankings