01 // Framework & LanguageNext.js 16 & React 19
Built with the Next.js App Router, React, and TypeScript. Pages are prepared at build time for static hosting; interactive components handle the menu, filters, and project estimator.
- Next.js 16 (App Router)
- React 19 Server & Client components
- TypeScript 5 with strict compiler flags
- Turbopack build engine
02 // Styling & Layout SystemTailwind & shared design tokens
Shared CSS variables define the palette, spacing, corners, and motion. Styles are organized by purpose, with Grid and Flexbox adapting the layouts to different screen sizes.
- Tailwind utilities alongside custom component styles
- Fluid typography via CSS clamp() functions
- High-contrast focus-visible keyboard navigation
- Native prefers-reduced-motion accessibility fallbacks
03 // Typography & DisplayEditorial Typography
Typography pairs Manrope for high-character display headlines and brand lockups with DM Sans for clean, highly readable body copy, balanced by system monospaced fonts for labels and code metadata.
- Display: Manrope (variable weights 400–800)
- Body: DM Sans (optimized for digital legibility)
- Technical: System UI Monospace
- Local SVG favicon and text-based brand mark
04 // Performance & DeploymentStatic Edge Export
The build produces static HTML, CSS, and JavaScript ready for a static host. Actual loading performance depends on hosting, images, fonts, the network, and the visitor’s device; published performance scores require measurement.
- 100% static HTML prerendering
- Compatible with static hosting and HTTPS
- Automated sitemap.xml & robots.txt generation
- No application database required for the public site
05 // Privacy & EthicsAnalytics & local tools
The site uses Google Analytics 4 to understand visits and page activity. Contact and estimate details are prepared in your browser; you decide whether to send them through your email app. Fonts are requested from Google Fonts.
- Google Analytics 4 for website measurement
- No third-party advertising SDKs
- Direct client-to-developer communication
- Review the complete Privacy Notice
06 // CraftsmanshipContinuous Evolution
The site brings together my independent projects and experience within development teams. The portfolio covers website builds, custom themes, and integrations across several platforms.