/sveltekit-typescript-postcss-tailwind2

my SvelteKit + Tailwind 2 boilerplate

Primary LanguageSvelte

SvelteKit (vite) with Tailwind

now version 0.0.3

  • SvelteKit beta 
    @sveltejs/kit 1.0.0.next-71 
@sveltejs/adapter-static 1.0.0.next-4
  • using @tailwindcss/jit
  • replace postcss-preset-env to postcss-nested // fell free to replace it back
  • add transition

version 0.0.2

@sveltejs/kit 1.0.0.next-49
@sveltejs/adapter-static 1.0.0.next-3

Demo

Sveltekit with Tailwind

Go to Live Demo

Running the project

Clone this repo and cd to the directory, then run npm or yarn

npx degit dansvel/sveltekit-typescript-postcss-tailwind2 myproject
cd myproject
pnpm install ## or npm or yarn
pnpm run dev

Open up your favorite browser, go to localhost:3000 and try clicking around.

Or you can play with the code, just check src/routes/index.svelte and try to edit the CSS.

build and generate static web

pnpm run build

with the command above, now you can generate static web, you can deploy the project in netlify, begin, vercel or else

Documentation

Credits