axelo3--sveltekit-turborepo-storybook-tailwind-firebase

Axelo3 Sveltekit Turborepo Storybook Tailwind Firebase

Download

SVELTEKIT + STORYBOOK + CHROMATIC + MATERIAL DESIGN + SASS + TAILWIND + FIREBASE

https://y-toucherterre.web.app/acceuil (LIVE DEMO - 9 juin 2023)

This is an App shell used to build a portfolio/blog, with 2 layouts (app + cms).
It is tested with storybook and chromatic.

CHROMATIC: https://www.chromatic.com/library?appId=647797e51cfd6aa56b07bc04

STORYBOOK: https://647797e51cfd6aa56b07bc04-oolvnawwwa.chromatic.com/?path=/docs/a-design-system-themedebugcolor--docs

0) STACK

  1. Typescript
  2. Sveltekit
  3. Firebase Hosting
  4. Firebase Firestore
  5. Jest / Vitest / Playwright
  6. Material Design (SASS) / Tailwind

1) FEATURES

  1. Design System with Material (SMUI)
  2. Firebase (free hosting and firestore quotas)
  3. App shell with 2 layouts (app + cms)

📜 Setup

pnpm install
pnpm dev
pnpm build
pnpm deploy

📜 [Storybook] Development


pnpm story

📜 [Storybook] Production


pnpm story:build
pnpm story:preview

💫 License

  • Code and Contributions have MIT License

Copyright (c) 2023 Axel Regnoult (@nzaerox)

MIT

Top categories

tailwind daisyui admin template popup mdsvex portfolio blog form ecommerce ui carousel auth dark seo image routing
Loading Svelte Themes