README.md

Example App (Vite TS) @ Design System Starter Template

https://ds-starter-app-vite.vercel.app/

See also: main README

Overview

Current example app is the simple demonstration of real-life usage of Design System parts.

It implements the following dependencies:

• @ds-starter/fonts - Fonts
• @ds-starter/icons - Iconography (tree-shakeable)
• @ds-starter/ui - Core UI library (tree-shakeable)

and the following configs:

• @ds-starter/tsconfig
• eslint-config-ds-starter

Technology

Conceptually this app is a Vite-powered SPA.
To spice things up there are tsParticles and jotai for quick state management.

Among other things app demonstrates a very simple theme switch.
It's based on the html data-attribute toggle and works great for this use case.

Usage

Development and build operations are standard and straightforward.
Install the project and run the following commands from the apps/example-vite-ts path.

Development:

pnpm dev

Build:

pnpm build

Lint:

pnpm lint

Format:

pnpm format

Note that local commands don't consider workspace dependencies - make sure to build everything in advance.
Alternatively, add a command to the project root (i.e. turbo run dev --filter=./apps/example-vite) or use global turbo commands (i.e. turbo dev).
Explore turbo docs for more information.

Extras

Buckle up, Chewie!