Install Svelte-kit Efficiently (svelte-kit + vite + tailwindcss + daisyui)

Svelte-kit requires updated node js in the system

1. Run this command to create a blank Skelton project

terminal/cmd

npm create svelte@latest .

or Run

This will create the project on the current directory

npm create svelte@latest my-app

2. Install node modules

This will create the project on the my-app directory

npm i

3. Run dev Server

npm run dev -- --dev

4. Add tailwind using npx and svelte-add

npx svelte-add@latest tailwindcss

5. Install daisyui

npm i daisyui

6. Open tailwind.config.cjs add daisyui using add this line inside the plugin array require('daisyui'),

const config = {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {}
	},
	plugins: [require('daisyui')]
};
module.exports = config;

Open app.html then add the theme to html language tag

If you want dark theme of daisyui then

<html data-theme="dark"></html>

7. Run the dev server

npm run dev -- --host