Engineering
Intelligent
Systems
dancodea.tech
Cloning & Modernizing 41 Production Routes with Astro 5
Legacy multi-page templates often suffer from static DOM pollution, nested jQuery-cloned elements, and severe layout thrashing during client-side navigation. Porting massive 40+ page templates while preserving complex GSAP animations and multi-breakpoint fidelity requires specialized AST tooling and lifecycle orchestration.
Bliize is an enterprise architecture and construction web application cloned and engineered
from legacy multi-page markup into a high-speed, component-driven Astro 5 platform.
It features 41 production routes across 15 home concepts, smooth <ClientRouter /> view transitions,
automated Cheerio AST cleaning, and a Playwright audit suite verifying zero regressions.
Delivers 100% route and asset parity spanning 15 specialized home concepts (Modern, Classic, Interior Design, Renovation, Urban Planning, Construction, WooCommerce) and 26 comprehensive inner pages.
Custom AST transform script parsed raw HTML, stripped duplicate cloned nodes (.slick-cloned, .swiper-slide-duplicate), unwrapped nested character divs, and restored pristine semantic markup.
Orchestrator safely listens to astro:before-swap and astro:page-load to purge previous ScrollTriggers (ScrollTrigger.getAll().forEach(t => t.kill())), re-split text cleanly, and remount carousels without DOM collisions.
A dynamic, prop-driven Header.astro component that adapts effortlessly across 11 styles, contact topbars, shop mini-cart drawers, search overlays, and mobile off-canvas drawers.
Automated testing suite evaluated 120 route/breakpoint combinations across 698 assets and 363 internal links, guaranteeing 0 broken links and 0 missing assets.
Astro's <ClientRouter /> provides buttery-smooth SPA navigation with sub-second compilation (1.46s full static production build) and zero layout shifts.
Visual Showcase & Interface Highlights
Architecture Hero & Dynamic Typography
Atmospheric landscape hero with interactive framing, floating team avatars, and scroll triggers.
Editorial Blueprint & News Update
High-fidelity architectural blueprint presentation with clean typography and publication metadata.
Interior Product Catalog & E-Commerce Grid
Minimalist product card grid with quick add-to-cart actions, badge tags, and responsive breakpoints.
Minimal Authentication & Split Layout
Dedicated authentication flow featuring high-contrast illustration split and seamless social sign-in.
Audit & QA Verification Results
Tested across 41 production pages with 698 asset references, 363 internal links, and multi-breakpoint viewport testing with Playwright — achieving 100% integrity and a 1.46s static build time.