https://github.com/patlux/muis-ds
Example for a design component monorepo
https://github.com/patlux/muis-ds
bun nx tsup
Last synced: about 1 month ago
JSON representation
Example for a design component monorepo
- Host: GitHub
- URL: https://github.com/patlux/muis-ds
- Owner: patlux
- Created: 2025-03-01T17:11:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-01T18:29:05.000Z (over 1 year ago)
- Last Synced: 2026-02-28T19:27:36.277Z (4 months ago)
- Topics: bun, nx, tsup
- Language: TypeScript
- Homepage: https://patlux.github.io/muis-ds/
- Size: 93.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# muis-ds
Example for a design system monorepo.
Used tools
- [bun](bun.sh): js runtime, toolkit, package installer
- [nx](https://nx.dev): monorepo management
- [tsup](https://tsup.egoist.dev/): Build library (cjs and esm)
## Live Demo
https://patlux.github.io/muis-ds/
The source of the live demo is under [./apps/web](./apps/web)
## How to use
[core](./libs/core): contains the core components
```sh
# create a .npmrc with the following content:
@patlux:registry=https://npm.pkg.github.com
# create a new react project
# then install the package:
bun add @patlux/muis-core # or with npm, yarn, pnpm
# in index.tsx
import { MUISButton } from '@patlux/muis-core'
```
## Development
Get an visual overview of the project graph
```sh
bunx nx graph
```
### Create Release & Publish
```sh
bunx nx release
```
## Bootstrap
```sh
mkdir -p muis-ds
bun init -y
rm -f index.ts
git init
git add .
git commit -m "init"
# setup workspaces
bunx nx@latest init
bunx nx add @nx/js
# core
mkdir -p libs/core
cd libs/core
bun init -y
bun add --peer react react-dom
bun add @mui/material @emotion/react @emotion/styled
# ...
```