In this project i will explain step by step how to setup a svelte project from zero to svelte!
use the official svelte addon for vscode and type npx create –template minimal (this wilcreate a minimal barebones svelte template to begin with) you wil see aselection page and can select/deselecg with space theoptions yiy (dont) want
Now lets run our storytbook with: npm run storybook
this can ba accessed at localhost:6006
In programming, storybook refers to a tool primarily used for UI (User Interface) development. It’s a development environment where you can build, test, and showcase individual components in isolation. This allows you to focus on small UI elements without needing a full application running.
- Component Development and Testing: It enables developers to work on UI components in isolation, making it easier to test and iterate on individual elements like buttons, forms, or menus.
- Visual Documentation: Storybook allows developers to create an interactive visual catalog of components, which can serve as documentation for other developers or designers on the team.
- UI Consistency: Since developers can preview components in different states, Storybook helps ensure UI consistency across the application. This is particularly useful in large teams or projects where many components are reused.
- Design and Development Collaboration: Designers and developers can work together more efficiently, as Storybook serves as a common space where design specifications can be tested directly in code.
- Speeding up Development: It helps streamline development by allowing developers to work on UI components independently of the backend or overall application structure.
- Accessibility: Storybook has tools to help developers check accessibility (like color contrast or focus order), ensuring the UI is user-friendly for everyone.
Storybook is commonly used in conjunction with libraries and frameworks like React, Vue, or Angular to help visualize and develop reusable components.
now push our new database schema
commands to keep in mind:
npx sv create –template minimal
npm run storyboook
npm run db:push
