Skip to content

A template project that combines SvelteKit, TypeScript and TailwindCSS (JIT mode)

Notifications You must be signed in to change notification settings

Dan1ve/Sveltekit-Typescript-TailwindCSS-Jit

Repository files navigation

Sveltekit-Typescript-TailwindCSS-Jit

This template project is based on the official (beta) SvelteKit template (see create-svelte), but, on top, includes

  • TypeScript
  • Less CSS
  • TailwindCSS with the brand new JIT (just-in-time) compiler mode up and running 😎.

Adding Tailwind-classes, hot-reloading and @apply should work as expected (tested under Windows).

Note

Please note that SvelteKit is still in public beta, as explained in this blogpost by Rich Harris.

Developing

Once you've created a project and installed 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

Svelte apps are built with adapters, which optimise your project for deployment to different environments.

By default, npm run build will generate a Node app that you can run with node build. To use a different adapter, add it to the devDependencies in package.json making sure to specify the version as next and update your svelte.config.cjs to specify your chosen adapter. The following official adapters are available:

See the adapter documentation for more detail

About

A template project that combines SvelteKit, TypeScript and TailwindCSS (JIT mode)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published