Sveltekit-template
My Sveltekit template (using NodeJS and Yarn). This template includes PicoCSS and Prisma. It's built using Vite.
.env
Rename .env.example
to .env
and fill in the environment variables.
Scripts
This template includes the dev server, building, prettier, eslint and svelte-check. You can use the following yarn scripts.
yarn dev
yarn build
yarn start
(requiresyarn build
)- Prettier:
yarn format
andyarn format:fix
- Eslint:
yarn lint
andyarn lint:fix
- Svelte-check:
yarn svelte:check
- Svelte-kit syncing:
yarn svelte:sync
- For prisma commands, just put
yarn
before it (yarn prisma format
for example).
PWA
This template is PWA-ready. Fill in the blanks in static/manifest.json
and add the following icons in the folder static/icon
.
- logo.webp (256x256)
- logo.png (256x256)
- favicon.ico
Other files to change
- Change
package.json
with your projects name - Change the title and theme-color in
src/app.html
- Change the theme_color in
static/manifest.json
PicoCSS
It's possible to change the default colours of PicoCSS. Go to Pico's customization, select your favourite colour and paste the overriding CSS variables
in static/css.style.css
.