Build a FHIR solution with Next.js

Create a full FHIR solution with a web app and an API using the Next.js template.

This tutorial will walk you through key BonFHIR concepts and every step of the process, from setup to a fully functional web app with tables and inputs, and a functioning API.

info

This guide will go through the same process as the React and AWS Lambda, except that its tailored to Next.js
If you have already followed these tutorials you may find this redundant.

What you'll need

• Node.js v18+
• Docker

📄️ Start from the Next template

Create the app from the next template

📄️ Setup a local FHIR Server

Use Medplum as a FHIR backend for development

📄️ Display FHIR data

Retrieve resources and display formatted properties

📄️ Create a table with pagination

Display FHIR resources in a paginated table

📄️ Edit resources with FHIR forms

Easy editing of FHIR resources

📄️ Create a new subscription

Create a new subscription to react to FHIR resources change