Telia E-shop Frontend

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

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
# or
bun 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.

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!

Project Features

This project leverages the App Directory, utilizing features like:

• React Server Components
• Nested, Grouped, and Parallel routes
• Suspense loading states
• Error boundaries

Absolute imports are configured (see Next.js docs)

App Directory Structure

Routes are defined by directory structure within the app folder. Files with specific names handle layout, loading states, error handling, etc. See the Next.js docs on Route Handlers for detailed information.

ESLint and Prettier

Code quality and consistency are maintained with ESLint and Prettier.

Run formatting with: npm run format

Run linting with: npm run lint

Testing

This project uses Jest and Testing Library for unit and integration tests. Key libraries:

• jest
• @testing-library/react
• @testing-library/jest-dom
• @testing-library/user-event

Jest with Next.js

Custom Jest matchers are used (see)

Run tests:

• All tests with verbose output: npm run test

  • Verbose mode provides more detailed information about each test, including any console logs and other debugging output.

• Watch mode: npm run test:watch

  • Reruns tests automatically whenever you make changes to your code.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.