Conceptiks / tailkit

Base repository for sveltekit + tailwind

Tailkit

SvelteKit and TailwindCSS starter template. For the most basic SvelteKit starter template, see create-svelte;

Features

Tailkit expands on the default SvelteKit template by including TailwindCSS. It also comes with a couple of nifty dependencies to kickstart your development:

• @sveltejs/adapter-node allows SvelteKit to run in a nodejs environment
• PostCSS transforms css programatically with plugins
  • autoprefixer adds browser prefixes
  • postcss-import enables familiar sass-like importing (instead of referencing)
  • postcss-nested enables familiar sass-like nesting
  • postcss-preset-env allows you to use future CSS features today

Install

If you're seeing this, you've probably already done this step. Congrats!

# Clone the repository to the current directory
git clone https://github.com/Conceptiks/tailkit.git

# Install all dependencies
npm install

Note: Tailkit currently uses @sveltejs/kit@next, which at the time of writing, has not yet reached v1.0.0.

Usage

Start developing locally right away by using:

npm run dev

When trying to deploy, build and then preview your output like so:

# Build output with adapter-node first
npm run build

# Preview your build (works regardless of presence of an adapter)
npm run preview

Note from SvelteKit repo: You can preview the built app with npm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.