Dental — Clinic Website & Headless Blog
Freelance clinic website with a WordPress-powered blog delivered through REST API into Next.js.
- Next.js
- Tailwind CSS
- WordPress
- REST API
A freelance website built for a dental clinic using Next.js and Tailwind CSS, with a separate WordPress instance powering the blog. Integrated the WordPress REST API to fetch and render posts inside the Next.js frontend, keeping the UI consistent while enabling easy content publishing for the client.
Key Features
Tech Stack
Challenges & Learnings
Headless WordPress & ISR Performance
Integrating WordPress as a Headless CMS via REST API often led to hydration delays. I implemented Next.js Incremental Static Regeneration (ISR) to pre-render medical content, achieving the SEO benefits of a static site with the real-time editing of a CMS.
Bridging CMS with Modern Frontend
Mapping complex Advanced Custom Fields (ACF) to a Next.js frontend taught me a lot about data transformation and ensuring type-safety when dealing with dynamic content from a legacy backend.
Outcome
The Dental Clinic project was successfully delivered as a modern, headless solution that offers both extreme speed for patients and ease of use for medical staff. It serves as a solid example of my proficiency in decoupling content management from the presentation layer to achieve superior performance and local search visibility.