SvelteKit - Project Template

Deployment

The project can be deployed to Vercel, Netlify or Cloudflare-Pages.

Tech Stack

• JS-Framework: SvelteKit
• CSS-Utility-Class-Library: TailwindCSS
  • @tailwindcss/typography
  • @tailwindcss/aspect-ratio
  • @tailwindcss/container-queries
• Translation: typesafe-i18n
• Icons: iconify
• UI-Components: shadcn-svelte
• Code-Formatting: Prettier
• Code-Linting: Eslint
• Accessibility: autoprefixer, rtlcss
• Performance: html-minifier

Assets

Fonts (google fonts but privacy-friendly): api.fonts.coollabs.io

Development

Important Commands

# install dependencies
npm i

# run development sever
npm run all

# or start the server and open the app in a new browser tab
npm run all -- --open

# build project
npm run build

# preview build
npm run preview

Contributing

Install commitizen

npm add -g commitizen

Usage of Commitizen

Use npm run commit or npx cz instead of git commit -m "..."
Use npm run prepare before committing the first time.