NextJS Scaffold

Live Demo

This is my frontend demo using NextJs, React, Typescript, Storybook, Jest, Playwright, etc. I'm also using this project as a Next.js scaffold for my future frontend projects.

Run the development server:

pnpm dev

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

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Run the production server

pnpm build
pnpm start

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

Jest unit tests and integration tests

pnpm test # jest --watch 
pnpm test:coverage # jest --coverage

Playwright e2e tests

pnpx playwright install # install supported browsers
pnpm dev && pnpm test:e2e # start a server on localhost:3000 first

StoryBook

pnpm storybook

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