Code Monkey home page Code Monkey logo

nhs-login-help-centre's Introduction

NHS login Help Centre

The NHS login help centre is where you can find helpful information, guidance, and support for issues with NHS login.

Notes

Do not change the Zendesk client ID keys in src/_data/clients.json as it would mess up zendesk reporting.

Setup

  • npm install to install dependencies
  • npm run dev to run locally with hot reloading at localhost:3000
  • npm run build to build
  • npx serve ./_site to run as static site after build (need to globally install serve package from npm)

Deployment

There are two pipelines in the NHS login AWS account:

  • helpcentre-live-develop runs from develop branch, deploys to dev.
  • helpcentre-live-master runs from master branch, deploys to qa and afterwards to production.

No other environments exist, so we don't do feature branch testing. Testing can be done locally before merging to develop.

Structure

File structure is as follows:

  • /src/app/page.tsx: Home page, with other page.tsx files in subfolders according to routing
  • /src/lib: Contains the logic for generating page html from markdown files, see Static Site Generation
  • /src/**/*.md: Page content for articles and hubs (may contain html where needed)
  • /src/app/_components: React components for use in pages
  • /public/images asset folders for favicons etc

Hub pages

These pages are nested version of the main hub used for navigation. They require the following keys and no content to set up the hub pages, and are usually in index files. The app structure is based on the metadata, using 'type' and 'parent' fields, not according to the directories, but kept in a sensible directory structure for convenience.

  • title: Page title
  • short_title: Name to be used in the navigation menu
  • subtitle: A description of the Hub
  • pageName: The page name sent to analytics, minus "nhs:cid:help-centre:", should be all lowercase with dashes
  • name: the id of the hub
  • type: Always hub
  • layout: no longer needed, can be removed
  • hub: the name of the parent hub page (home for the home page)
  • position: determines the position on the parent hub page

Article pages

These pages place their content in the article page template that generates related the side menu and breadcrumbs. They require the following keys contained at the top of every article:

  • title: Page title
  • subtitle: A description of the page
  • pageName: The page name sent to analytics, minus "nhs:cid:help-centre:", should be all lowercase with dashes
  • type: Always article
  • hub: The Hub page that the article page will appear on
  • position: The position on the hub page
  • layout: no longer needed, can be removed

Useful links

Static Site Generation

Server and Client Components

Dynamic Routing

nhs-login-help-centre's People

Contributors

lps88 avatar numaangulfraznhsd avatar danielegan123 avatar taimoor-zafar-nhs avatar elokachima1-nhs avatar joekadi avatar ramuned-nhsd avatar judgegreg avatar lilian-chinelo avatar andy-frost-nhs avatar sophieclayton12-nhs avatar olie440 avatar sophie2305 avatar umair-nhs avatar popplejiw avatar infinitydeep avatar mriap27 avatar egor-bjss avatar vickicole avatar conor-gilbert avatar jacobcallear avatar johnamery1-nhs avatar michellehandley-nhs avatar helenjgardner avatar cottonlisa avatar nicholas-wright-bjss avatar nikkischofield avatar samueljeffreyaccenture avatar mthakur92 avatar juliano-lombardi-nhs avatar

Stargazers

 avatar Adam Slack avatar  avatar Gavin Wray avatar  avatar  avatar

Watchers

 avatar Ben Davies avatar James Cloos avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.