Sveltekit Startup

Collection of few commands to startup sveltekit project from scratch.

Sveltekit

npm create svelte@latest my-app
cd my-app
npm install

Tailwind CSS

npx svelte-add@latest tailwindcss --typography
npm install

Shadcn

svelte.config.js

{
    "alias": {
        "$lib": "./src/lib",
        "$lib/*": "./src/lib/*"
    }
}

npx shadcn-svelte@latest init
npx shadcn-svelte@latest add -y -o # Select All Components `A`

Shadcn Themes

Prisma

npm install -D prisma
npx prisma init
npx prisma db push
npx prisma generate

Change DATASOURCE_URL from .env

package.json

{
    "prisma": {
        "seed": "node --no-warnings=ExperimentalWarning --loader ts-node/esm prisma/seed.ts"
    }
}

npm install -D typescript ts-node @types/node
npx prisma db seed

Notifications

npm install -D svelte-french-toast

Forms

npm install -D sveltekit-superforms zod

Icons

npm install -D lucide-svelte