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).
Please note that SvelteKit is still in public beta, as explained in this blogpost by Rich Harris.
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
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: