Framer Template to Next.js App

I have a finished Framer website and now want it rebuilt as a full-stack Next.js codebase that can be wrapped into a mobile application for iOS and Android. I’m planning to use Strapi for the CMS layer, but if you know a faster or more scalable headless option, I’m happy to hear your reasoning and switch.

The current Framer layout can be adjusted; design fidelity is less important than clean, maintainable React/Next.js code and smooth performance on mobile. The product will act as a personal portfolio with an integrated blog, so dynamic routing, SEO-friendly metadata, and simple content editing from the CMS are essential.

For the portfolio section I need:

• Image gallery
• Video showcase
• Client testimonials

Please structure the project so that these components—and the blog—pull their data from the CMS through REST or GraphQL and can be edited without touching code.

When the work is done I expect:
• A Git repo containing the Next.js project, CMS schema, and any build scripts
• Clear, step-by-step instructions for local setup, mobile build, and production deployment
• Brief documentation on how to add or edit content in the chosen CMS

If you’ve tackled similar Framer-to-Next.js migrations or mobile wrappers, share a link or two so I can see your approach.