# create a new project in the current directory
npm init svelte

# create a new project in my-app
npm init svelte my-app

# check currently used node version
node -v

# switch to newer Node version to satisfy SvelteKit contraints
nvm use 16

# add TailwindCSS to a new project in the current directory
npx svelte-add@latest tailwindcss

# add env-cmd, daisyui, tailwindcss typography plugin as dev dependencies
npm i -D env-cmd daisyui @tailwindcss/typography

# initialite prima
npx prisma init --datasource-provider sqlite

# Add this json to your settings.json in VSCode
"[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma"
}

# Edit your .env file
DATABASE_URL="file:./dev.db"

# Install the Prisma client which generates the client and types
npm i @prisma/client

# Create the prisma database
npx prisma db push

# To transpile TypeScript you ts-node and Node.js types
npm i -D ts-node @types/node

# Seeding the db
npx prisma db seed

# Seeing the data in the browser
npx prisma studio

+ import path from 'path'
...
kit: {
+	adapter: adapter(),
+   vite: {
+ 	    resolve: {
+ 		    alias: {
+ 			    $root: path.resolve('./src')
+ 		    }
+ 	    }
+   }

"compilerOptions": {
    ...
+   "baseUrl": ".",
+		"paths": {
+			"$root/*": ["./src/*"]
+	    }
}

npm run dev

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

npm run build