Getting Started with SvelteKit

sveltekitsvelteweb-developmenttutorial
Getting Started with SvelteKit

SvelteKit is the official application framework from the Svelte team. It provides everything you need to build a web app: routing, server-side rendering, and more.

Getting Started

Create a new SvelteKit project:

npm create sveltekit@latest my-app
cd my-app
npm install
npm run dev

Project Structure

Key directories:

  • src/routes/ - Your app's routes
  • src/lib/ - Shared components
  • static/ - Static assets

Creating Routes

Routes are created by adding files to src/routes. For example, src/routes/about/+page.svelte creates an /about route.

SvelteKit's documentation covers everything in detail. Happy coding!