A&F Advertising Website Migration to Custom Astro
Alexander Nevsky
A&F Advertising — From Framer to a Custom Astro Website
This project is a good example of how my website workflow has changed over the last year.
The original A&F Advertising website was built in Framer. The visual direction worked well, but the client no longer needed to depend on an expensive closed website-builder environment for a relatively straightforward corporate site.
I used AI-assisted development to port the design into a custom codebase while keeping the original visual character, layout and motion.
The new version is built with Astro 5, TypeScript and Tailwind CSS 4, with a fully static output for speed and simplicity. Content is managed through Pages CMS, which writes directly to GitHub.
Arabic version
I now build my websites multilingual by default for the UAE market — English, Russian and Arabic. I treat all three languages as part of the product architecture from day one, including routing, content structure, SEO metadata and proper RTL support for Arabic.
Stack
Astro 5 · TypeScript · Tailwind CSS 4 · Pages CMS · Cloudflare Pages · Cloudflare Functions
One of the more important parts of the migration was the infrastructure itself.
The client already had their domain and business email on Tasjeel, so I deliberately left that infrastructure untouched. DNS, mailbox, MX, SPF and DKIM remain with Tasjeel, while the public website is served from Cloudflare Pages.
That meant I could replace the Framer frontend without risking the client’s existing email setup.
I also kept a temporary origin switch between the old Framer version and the new Astro build, which made the migration safer and gave me a clear rollback path during the transition.
For me, this project represents a broader shift in how I now build websites:
Framer for fast visual exploration when it makes sense — custom code for long-term ownership, flexibility and lower infrastructure cost.
With AI coding tools, rebuilding a Framer design into a clean Astro codebase is now fast enough that I increasingly prefer this model for production websites.
If you already have a site in Framer, Webflow or another visual builder and want to move it to a maintainable custom stack without losing the design, I can handle the migration end to end — from the existing interface to code, CMS, hosting and deployment.
Like this project
Posted Sep 16, 2026
Migrated A&F Advertising's site from Framer to custom Astro with AI tools, enhancing flexibility and reducing costs.
Likes
0
Views
2
