Awesome
flair-kit
monorepo
Getting started
We are using pnpm
with workspaces. If you haven't, please install pnpm@6
npm install -g pnpm@6
After that, install the project dependencies using pnpm
pnpm i
Start developing!
pnpm dev
Tools used
Deploying on Vercel
-
Set build command to:
cd ../../ && pnpm build
-
Set install command to:
npm i pnpm -g && cd ../../ && pnpm i
-
Set root directory to:
packages/website
Releasing
Releasing is done manually currently by following these steps.
- Bump
packages/flair-kit/package.json
version number - Create a git tag based on the version number
git tag flair-kit@0.0.1
- Push the git tag
git push origin flair-kit@0.0.1
- Publish package to
npm
pnpm publish --filter flair-kit
References
- https://design.lyft.com/re-approaching-color-9e604ba22c88
- https://github.com/adobe/react-spectrum/tree/main/packages/%40react-spectrum
- https://medium.com/sfl-newsroom/typography-scaling-from-the-design-perspective-45d82f77ba95
- https://www.invisionapp.com/inside-design/guide-to-design-systems/
- https://www.youtube.com/watch?v=Hx02SaL_IH0&ab_channel=Netlify
- https://www.figma.com/community/file/857042825430121164
- https://www.figma.com/file/a3d84cjuqRO3E7BdcdpbpL/Build-it-in-Figma%3A-Design-Systems-%E2%80%94%C2%A0Components-Continued...-(Community)?node-id=10%3A68
- https://www.figma.com/file/RJ7UawmJppVqby1o3qbkBK/Starter-Design-System-(Community)?node-id=0%3A1
- https://coolors.co/ffee88-758bfd-00cc99-ef233c-2d3047
- https://houdini.how/