Next.js and the NHS design system
Hello world
This page is styled with NHS.UK frontend, the code behind the NHS design system. It uses the NHS header, footer, typography, colours, spacing and layout grid.
Information:
Edit app/page.tsx to change this page. Styles come from app/globals.scss, which imports the design system.
About this app
The application is set up with:
- Next.js App Router with TypeScript
- NHS.UK frontend SCSS compiled through Sass
- NHS.UK frontend JavaScript initialised on the client
- NHS favicons, app icons and web manifest served from /assets
- A skip link, landmark roles and the NHS page title format
Browse the components
See every component in the NHS design system, with guidance on when and how to use each one.
This page was rendered on the server at . Refresh to see it change.
Read the design system