Google DevFest 2023 Hong Kong SvelteKit Demo

Presentation Slides

Environment Setup

If you are on Windows, make sure you have a proper ExecutionPolicy set:

Set-ExecutionPolicy Bypass # Run this in PowerShell

Install Node.js LTS, then:

npm i -g pnpm # You might need sudo
pnpm setup

Creating project

pnpm create svelte google-devfest-2023-hong-kong-svelte-demo
cd google-devfest-2023-hong-kong-svelte-demo

Installing dependencies

pnpm i

For this project, you will also need Prisma (Database ORM) and Auth.js (Authentication):

pnpm i @prisma/client
pnpm i prisma
pnpm prisma init
pnpm prisma db push

pnpm i @auth/core @auth/sveltekit

Developing

pnpm dev

# --open: open the app in a new browser tab
# --host: host the app on all network interfaces

Building

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

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes