This is a Next.js project bootstrapped with create-next-app.

Requirements

• NodeJS (v18.x or higher)
• npm (v3.x or higher)

Getting Started

Install dependencies:

npm install

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Tests

Unit Tests

Run all Jest and React Testing Library unit tests:

npm run test

Launches the test runner in the interactive watch mode.

Tests are colocated and live as closely to corresponding code as possible.

Storybook

We use Storybook for Component Driven Development (CDD) where possible. Storybook makes it easy to keep presentational components isolated. You can learn more about how to create a story for your UI component here.

Builds are enabled for all pull requests, which makes it easy to share development of new UI components with team members as well as to catch visual changes.

To run Storybook locally: npm run storybook

To publish to Chromatic: npm run chromatic

• sco-ui Storybook of the main branch
• sco-ui Chromatic Builds

npm run storybook

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

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