Product Listing App using React, Typescript and Occtoo

This template provides a React+Typescript boilerplate with minimal setup using Vite to get a React app working with Occtoo as a data source for fetching and rendering product data.

Docs: https://docs.occtoo.com/

Currently using these plugins:

• react-query for data fetching
• tailwindcss for styling
• react-router-dom for routing
• openapi-typescript-codegen for generating Typescript client and types based on OpenAPI specification

Running the app

1. Install dependencies

yarn install

or using npm:

npm install

2. Generate types and client

yarn codegen

or using npm:

npm run codegen

Note

This command needs to be executed each time a change is made to the OpenAPI spec provided as input.

3. Start the app

yarn dev

or using npm:

npm run dev

Vite

This template uses Vite for development and building. Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.