Health & Wellness Services
Mendmethods
Tech Stack
Frontend: Vue.js, JavaScript, HTML, CSS, Chart.js,
Backend/CMS: Sanity Studio
Tooling: npm
Architecture & Hosting: Netlify and Headless Architecture
II.
The Build
Built using a headless architecture with Vue.js and Sanity CMS, this landing page features a modular, component-based frontend backed by custom Sanity schemas for dynamic content and data management. The client can update images, text, links, and biometric data directly in the CMS without touching code. Biometric data is rendered using Chart.js with CMS-driven values, alongside custom-built interactive categories featuring animated count-up logic. The site also includes a fully custom carousel component, avoiding third-party dependencies to ensure optimized performance, scalability, and maintainability.
III.
Deployment & Launch
I deployed the Vue.js frontend on Netlify, hosting both the staging and live environments, while using Sanity Studio’s hosting to deploy the backend, including all custom schemas. This setup ensures that dynamic content, biometric data, and interactive components are fully functional, giving the client a live, fully editable environment while maintaining performance, scalability, and ease of content management.