Clinic

Type

Healthcare

Best for

Patient portal · Booking & enquiry · Marketing site

Stack

TypeScript · Next.js · Tailwind CSS

Screens shown

4Captured from the live preview

Areas of care

8Each with its own page

Clinicians

9Across four clinics

Licence

Pro · 1 developer12 months of updates

Availability

PreviewLive preview open now

What this template is for. Each one is a filter in the catalogue, so the products beside it solve the same problem.

• Patient portal
• Booking & enquiry
• Marketing site

Healthcare interfaces usually feel rushed because the practice behind them is scheduled to be. Clinic is designed the other way: eight areas of care, named clinicians, four locations and a patient portal where the care plan is something you can read and keep. The tone is the product — calm, specific and free of the stock imagery that makes every private practice look like the same practice.

• Areas of care

  Eight care areas, each linked to the clinicians who actually practise it.

• Clinicians

  Named clinicians with specialties and locations, joined rather than duplicated.

• Locations

  Four buildings with the practical arrival detail a patient needs on the morning of a visit.

Every screen below is the deployed template, captured from its own live preview.

1. 01

   Areas of care

   Eight care areas, each linked to the clinicians who actually practise it.

   • Linked clinicians

   

2. 02

   Clinicians

   Named clinicians with specialties and locations, joined rather than duplicated.

   • Specialty and location

   

3. 03

   Locations

   Four buildings with the practical arrival detail a patient needs on the morning of a visit.

   • Visiting information

   

• The full source archive, with the first release
• 12 months of updates, kept permanently
• 1 developer — commercial use, including client work
• Deployment guides for 3 targets
• Email support for the length of your update window
• Redistribution as your own product

Every line above is read from this product’s own licence and release record rather than written beside it, so it cannot promise something the release does not contain.

Care pathway as the organising model

Register, first visit, written plan, between visits and annual review are stages of one pathway, and every public page and portal screen is positioned against it. Clinicians, specialties and locations are joined records, so a clinician page lists the right locations without anybody maintaining a second list.

Node.js

≥ 22.12LTS or current

Package manager

pnpm ≥ 10npm and yarn also work

Operating system

macOS, Linux, Windows (WSL2)

1. 1

   Unpack the download

   The archive contains the full source. There is no installer and no post-install script.

   bash

   unzip clinic.zip
   cd clinic

2. 2

   Install dependencies

   bash

   pnpm install

3. 3

   Configure the environment

   Copy the example file and fill in the variables listed under Environment variables.

   bash

   cp .env.example .env

1. 1

   Start the development server

   bash

   pnpm dev

2. 2

   Verify the install

   Runs formatting, lint, type-check, tests and a production build.

   bash

   pnpm check

• Vercel

  Zero-config. Set the environment variables listed above and connect the repository.

• Docker

  A multi-stage Dockerfile is included, producing a standalone image with no build toolchain.

• Any Node host

  Builds to a standard Node server. Nothing depends on a platform-specific runtime.

1. 1.0.0

   19 Aug 2026

   Initial commercial release

   • addedInitial commercial release

Documentation ships with the first release.

• Documentation
• Report a problem
• Licensing questions