0.0.15 • Published 2 years ago
default-theme-ahmed v0.0.15
Installation
Please use yarn instead of npm
yarn install
Setup
- Create
.env.development
and.env.production
files. Refer to.env.example
file. - Run
yarn storybook
to download tailwind preset from CMS.
Important Notes
To create a component
- Create a new branch in the following format
component/component-name
- Add component interface in
src/lib/models.ts
file - Create component in
src/components
folder.
To demo component in Storybook
- Create story in
stories
folder. Refer to official Storybook docs here.
Notes
- Components props views interfaces should be shared in npm packages
- Any component shouldn't have much logic and it can always assume it will take the props from the controller component
- Make a tailwind setup similar to the newsifier main project
- Solidify interfaces and separate logic from view for these components
- Create a @types (TS type definitions) and @helpers NPM package (create newsifier NPM account) for components
- Setup storybook boilerplate
- Create README
- Setup layout for pages
- Sync styling for storybook and main project
- Using next/images in storybook