Next.js UI for the animals service.

This is the front end layer to the animals service. It uses the animals-api to manage data.

This front end adopts progressive enhancement through use of SSR and no dependency on Javascript in the browser.

Prerequisites

Developers should install the following on their machines:

• NodeJS, recommended to use NVM

Optional

• Docker
• Docker Compose

Dependencies

This UI depends on the animals-api for managing data.

Setup

Environment variables are defined in the .env.example file. This should be copied locally into .env but NOT commited.

Install the modules

npm install

Commands

Run the development server locally and then open http://localhost:3000 with your browser to see the result.

npm run dev

Run the unit tests

npm test

Run the cypress tests (assuming the server is already started)

npm run cypress

Run the cypress tests (this will start and stop the server)

npm run e2e

Learn More

To learn more about the tech used, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• React Bootstrap documentation

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Steps to Recreate Project

• Create the NextJS project
• Add in React-Bootstrap
• Set logo
• Add React SSR wrap
• Add UI components
• General guide