Design-driven Full-stack:
Redwood Design Workflow using Storybook and Tailwind
This demo repo was created using the following workflow:
- Create a new Redwood project
yarn create redwood-app <project>
- Set up Tailwindcss
yarn redwood setup ui tailwindcss
- Start Storybook
yarn redwood storybook
- Build React Components (including Page and Cell for data fetching)
- Once components are complete, create DB model in
prisma.schema
- Scaffold CRUD UI
yarn redwood generate scaffold <model>
Setup
Install Packages:
yarn install
Init local SQLite DB:
yarn redwood prisma migrate dev
Fire it up
Run Storybook:
yarn redwood storybook
Run Redwood Dev Server:
yarn redwood dev