Svelte TypeScript TailwindCSS & Sass Starter

Use TypeScript, Vite, TailwindCSS & Sass to quick start your new Svelte and SvelteKit app!!

🧐 What's inside?

This Starter includes

• ⚡️ Svelte - Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.
• ⚡️ SvelteKit - SvelteKit is built on Svelte, a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It's a love letter to web development.
• 👷 Vite - Vite Next Generation Frontend Tooling
• 🧁 TailwindCSS v3 - A utility-first CSS framework packed with classes
• ✨ TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
• 🎉 Sass - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
• 📏 ESLint — Find and fix problems in your JavaScript code.
• 🦋 Prettier — An opinionated code formatter.
• 🐶 Husky - Husky improves your commits and more 🐶 woof!
• 🐶 Lint Staged — Run linters against staged git files and don't let 💩 slip into your code base!

The rest of the Starter is based off of the Svelte Skeleton Project.

⚡️ Quick Start

🚀 Getting Started

Run the following command to create a new project with this Starter:

git clone git@github.com:MikevPeeren/sveltekit-typescript-tailwindcss-sass-starter.git
# or
npx degit git@github.com:MikevPeeren/sveltekit-typescript-tailwindcss-sass-starter.git

Once the project and dependencies are finished installing, you can navigate to that directory and start up the development server with:

yarn dev
# or
npm run dev

Open http://localhost:3000 with your browser to see your new project!

📚 Learn More About Svelte and SvelteKit

To learn more about Svelte and SvelteKit, take a look at the following resources:

• Svelte Documentation - learn about Svelte features.
• SvelteKit Documentation - learn about SvelteKit features.
• Learn Svelte - an interactive Svelte tutorial.

You can check out the SvelteKit GitHub repository - your feedback and contributions are welcome!