Back to Projects
Fynecta Landing
A Next.js application that migrates a multi-page Webflow HTML export into a modern, maintainable App Router architecture.
This project transforms static Webflow exports into a fully routed Next.js application while preserving Webflow styling, interactions, and animations. It implements custom HTML normalization to extract and render Webflow <body> content, rewrites internal .html links into Next.js routes, and normalizes asset URLs from Webflow's CDN to local public/ assets.
Key technical work includes:
- Dynamic routing for all Webflow pages using the Next.js App Router
- HTML processing (body extraction, link rewriting, script stripping)
- Asset normalization to support locally hosted images and Lottie JSON files
- Client-side re-initialization of Webflow and IX2 interactions on route changes
- Manual and automated handling of Lottie animations that Webflow does not re-initialize correctly in SPA navigation
- Separation of global Webflow runtime logic and per-page animation initialization
Built with Next.js App Router, React, TypeScript, Webflow Runtime, and lottie-web, the project demonstrates solving real-world migration problems when converting a no-code Webflow site into a production-ready React application.
Technologies Used
Next.jsTypeScriptReactWebflowLottie WebJavaScriptHTML & CSS