svelte-storybook-github-template Svelte Themes

Svelte Storybook Github Template

Svelte template app

Tech stack

  • Svelte
  • Storybook
  • TailwindCSS
  • Deploy to Github page using Github Action

> If you want to use Github page and your github account is free, your repository should be public repo.

Installation

npx degit masumomo/svelte-storybook-github-template <Project Name>
cd <Project Name>
yarn
yarn dev # make sure it works
yarn storybook # make sure it works
yarn test  # make sure it works
git init
git add .
git commit -m "Initial commit"
git remote add origin <Your repo> # It depends on your project
git push origin head # Github action would run automatically and it would be deployed!

TODO for myself...

Sample atomic design

Nice tailwind design components

  • Done🎉 Setup Svelte & Storybook & UI library
  • Done🎉 Deploy to Github page or Heroku
  • Done🎉 Create round buttons
  • Create buttons
  • Create header
  • Create footer
  • Create card
  • Create article(half size)
  • Create article(full size)
  • Create sample pages(2 or more)
    • Sample Blog
    • Sample LP
  • Crate app which uses only local storage or static

Top categories

Loading Svelte Themes