Migrate PHP Frontend to Nuxt 4
Budget: $30 – $250 USD
My current site runs on a custom PHP front-end. I now want the whole interface rebuilt in Nuxt 4 (Vue 3) so it plugs cleanly into my Strapi CMS. The existing features that must carry over are:
• Geographical data visualisation – the map view is the heart of the product. The new build should render the same interactive maps (Mapbox, Leaflet or another modern Vue-friendly mapping library is fine) and pull the data from Strapi’s REST or GraphQL endpoints without lag or layout shifts.
• Contact and feedback forms – both forms already post to Strapi; the Nuxt version should keep that flow, provide client-side validation, and send success / error messages to the user.
Key expectations
– Nuxt 4 project scaffolded with TypeScript support and a clear components / composables structure.
– Environment variables and Strapi API calls wired through the Nuxt runtime config.
– Reusable map component that accepts location data from Strapi and plots pins, clusters, polygons and pop-ups exactly as now.
– Two Vue form components (Contact, Feedback) that submit JSON to the relevant Strapi endpoints and display a friendly toast on success.
– SSR enabled and a production-ready build script so I can deploy straight away.
Please keep the codebase clean, documented and commit ready. A short README that explains how to run dev, build and deploy will be the final acceptance step.
• Geographical data visualisation – the map view is the heart of the product. The new build should render the same interactive maps (Mapbox, Leaflet or another modern Vue-friendly mapping library is fine) and pull the data from Strapi’s REST or GraphQL endpoints without lag or layout shifts.
• Contact and feedback forms – both forms already post to Strapi; the Nuxt version should keep that flow, provide client-side validation, and send success / error messages to the user.
Key expectations
– Nuxt 4 project scaffolded with TypeScript support and a clear components / composables structure.
– Environment variables and Strapi API calls wired through the Nuxt runtime config.
– Reusable map component that accepts location data from Strapi and plots pins, clusters, polygons and pop-ups exactly as now.
– Two Vue form components (Contact, Feedback) that submit JSON to the relevant Strapi endpoints and display a friendly toast on success.
– SSR enabled and a production-ready build script so I can deploy straight away.
Please keep the codebase clean, documented and commit ready. A short README that explains how to run dev, build and deploy will be the final acceptance step.