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
• shadcn-svelte UI library
• Superforms for auto form validation and SSR submission
• Formsnap for auto form building
• lottie-web to show awesome animations
• Lucide Icons an awesome icon pack with ease setup
• Typesafe i18n for better i18n experience with SSR support
• Taze to update dependencies with one command
• Husky + (lint-staged) to improve commits & formatting
• Fingerprintjs to generate browser hash
• React equivalent Image component
• 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:

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:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Vercel deployment

Check here

Twitter