SvelteKit overview - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is SvelteKit?

SvelteKit is a framework built on top of Svelte that helps you build fast, modern web apps with routing, server-side rendering, and more.

beginner

How does SvelteKit handle routing?

SvelteKit uses a file-based routing system where the folder and file names inside the src/routes folder define the app's pages and routes automatically.

intermediate

What is server-side rendering (SSR) in SvelteKit?

SSR means SvelteKit can generate HTML on the server before sending it to the browser, making pages load faster and improving SEO.

beginner

Name one way SvelteKit improves developer experience.

SvelteKit offers hot module replacement (HMR), so changes you make in code update instantly in the browser without a full reload.

intermediate

What is the role of endpoints in SvelteKit?

Endpoints in SvelteKit let you create server-side functions to handle API requests, like fetching or sending data, directly inside your app.

What folder defines routes in a SvelteKit app?

A public

B src/components

C src/routes

D src/assets

In SvelteKit, the src/routes folder controls the app's routing by file and folder names.

Which feature helps SvelteKit apps load pages faster by generating HTML on the server?

A Server-side rendering

B Hot module replacement

C Static site generation

D Client-side rendering

Server-side rendering (SSR) creates HTML on the server before sending it to the browser, speeding up page loads.

How does SvelteKit update the browser when you change code during development?

A Full page reload

B Hot module replacement

C Manual refresh

D No update until restart

Hot module replacement (HMR) updates only the changed parts instantly without a full reload.

What can you create inside SvelteKit to handle API requests?

A Endpoints

B Components

C Stores

D Actions

Endpoints are server-side functions in SvelteKit to handle API requests.

Which of these is NOT a feature of SvelteKit?

A Hot module replacement

B File-based routing

C Server-side rendering

D Built-in CSS framework

SvelteKit does not include a built-in CSS framework; styling is up to the developer.

Explain how routing works in SvelteKit and why it is helpful.

Think about how folder and file names become URLs.

Describe the benefits of server-side rendering in SvelteKit.

Consider what happens before the page reaches the browser.