Skip to content

christian-valadez/sveltekit-typescript-postcss-tailwind2

 
 

Repository files navigation

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

About

my SvelteKit + Tailwind 2 boilerplate

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Svelte 48.9%
  • JavaScript 33.3%
  • CSS 7.6%
  • TypeScript 6.3%
  • HTML 3.0%
  • Shell 0.9%