peddle-shift v0.0.0

Peddle Shift

Derived from peddle-seller-2020 commit hash fbcccaa2c5cc85d638cec91be0e5b53a18e1b3d1.

Peddle Shift is a library that encapsulates shared functionality, components, styling, and patterns for all Javascript / React / Next.js web applications.

Setup

npm install
npm install -g vercel
npm install -g yalc

Ensure you have access to the Vercel handsomedesign team.

We use yalc for local npm package linking, as npm link is severely broken.

Run locally

yalc publish # prerequisite for linking shift to consumer application

npm run dev # for building bundle

npm run dev:storybook # for storybook

Deployment

npm run build:storybook && npm run deploy:storybook # to deploy storybook

Storybook is deployed as a static web site.

Architecture

Styles

CSS Modules are the main workhorse here, but CSS custom properties are also used to implement fluid styles for some pages.

These are mostly handled in the FluidRoot component and associated stylesheet. The FluidRoot component wraps the application to set default values used in variables.module.css and typography.module.css.