FHIR R4 & HAPI · Chapter 14
Chapter 14 · Next.js 16 + FHIR · Cold open

Last chapter we built the BFF. Now we stand in front of it and render FHIR.

Next.js sixteen, rendering real Patients, Encounters, and Observations from the NestJS BFF we built last chapter. Three goals: the one rule that governs every healthcare frontend, fetching with Server Components, and rendering FHIR resources without crashing on missing data.

What you will be able to do

The BFF rule — the browser never touches HAPI Server Components — async fetch via the BFF Rendering resources — defensively, every time
And the rule comes first — getting it wrong leaks credentials