sveltekit-tailwind Svelte Themes

Sveltekit Tailwind

This integration offers a seamless experience for developers looking to combine Svelte's reactivity, Tailwind's utility-first styling, and Vite's fast build times.

SvelteKit + Tailwind CSS + Docker

This is a template for SvelteKit apps, blend with Tailwind CSS, and ready to be deployed with Docker.

Docker

To build a Docker image, we use Makefile to simplify the process.

Development

If you don't have an image yet, you can build it with:

make build

To run the image, you can use:

make run

Production

To build a production image, you can use:

make build-prod

To run the production image, you can use:

make run-prod

Clean

To clean the images, you can use:

make down

or

make down-prod

Developing

Once you've pulled the project, install all dependencies with

npm install

Then start Vite and SvelteKit in development mode:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Top categories

Loading Svelte Themes