https://github.com/shamscorner/sveltekit-stackter
Discover this incredible SvelteKit production-ready starter template featuring Tailwind CSS, the shadcn-svelte UI library, Superform + Formsnap, type-safe i18n, SEO, Lottie animations, an Image component, and much more. With this template, you can bypass the setup hassle and concentrate on transforming your dreams into reality.
https://github.com/shamscorner/sveltekit-stackter
formsnap lottie-animation shadcn starter-kit starter-template superform svelte sveltekit tailwindcss typesafe-i18n typescript
Last synced: 6 months ago
JSON representation
Discover this incredible SvelteKit production-ready starter template featuring Tailwind CSS, the shadcn-svelte UI library, Superform + Formsnap, type-safe i18n, SEO, Lottie animations, an Image component, and much more. With this template, you can bypass the setup hassle and concentrate on transforming your dreams into reality.
- Host: GitHub
- URL: https://github.com/shamscorner/sveltekit-stackter
- Owner: shamscorner
- Created: 2023-10-17T11:49:53.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-23T21:11:14.000Z (10 months ago)
- Last Synced: 2025-03-28T04:39:19.154Z (6 months ago)
- Topics: formsnap, lottie-animation, shadcn, starter-kit, starter-template, superform, svelte, sveltekit, tailwindcss, typesafe-i18n, typescript
- Language: TypeScript
- Homepage: https://sveltekit-stackter.shamscorner.com
- Size: 975 KB
- Stars: 16
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# SvelteKit Stackter
Discover this incredible SvelteKit production-ready starter template featuring Tailwind CSS, the shadcn-svelte UI library, Superform + Formsnap, type-safe i18n, SEO, Lottie animations, an Image component, and much more. With this template, you can bypass the setup hassle and concentrate on transforming your dreams into reality.
## Features
- [Tailwind CSS](https://tailwindcss.com/)
- [shadcn-svelte](https://www.shadcn-svelte.com/) UI library
- [Superforms](https://superforms.rocks/) for auto form validation and SSR submission
- [Formsnap](https://www.formsnap.dev/) for auto form building
- [lottie-web](https://www.npmjs.com/package/lottie-web) to show awesome animations
- [Lucide Icons](https://lucide.dev/) an awesome icon pack with ease setup
- [Typesafe i18n](https://github.com/ivanhofer/typesafe-i18n) for better i18n experience with SSR support
- [Taze](https://www.npmjs.com/package/taze) to update dependencies with one command
- [Husky](https://www.npmjs.com/package/husky) + (lint-staged) to improve commits & formatting
- [Fingerprintjs](https://www.npmjs.com/package/@fingerprintjs/fingerprintjs) to generate browser hash
- [React equivalent Image component](https://github.com/zerodevx/svelte-img)
- [Fontaine](https://www.npmjs.com/package/fontaine) for better font fallback
- Google Tag support
- Eslint & Prettier for better code formatting
- Tailwind CSS auto class sorting with prettier
- pnpm by default
- of course VITE and Typescript
## Developing
Rename `.env-example` to `.env` or `.env.local`
Install dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
## Vercel deployment
[Check here](https://vercel.com/guides/how-can-i-use-bitbucket-pipelines-with-vercel#configuring-bitbucket-pipelines-for-vercel)
[Twitter](https://twitter.com/shamscorner)