Server routes (+server.js) in Svelte - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of +server.js files in SvelteKit?

They define server-side routes that handle HTTP requests like GET, POST, PUT, and DELETE. These routes run on the server and can fetch or modify data.

beginner

How do you export a GET handler in a +server.js file?

You export an async function named GET that receives a RequestEvent and returns a Response or data wrapped with json().

beginner

What is the difference between client-side routes and server routes in SvelteKit?

Client-side routes handle UI navigation and rendering in the browser. Server routes handle backend logic like data fetching or processing and run on the server.

intermediate

Why should server routes be used for sensitive operations like database access?

Because server routes run on the server, they keep sensitive data and logic hidden from the user, improving security.

beginner

How can you send JSON data from a +server.js route?

Use the json() helper from @sveltejs/kit to return JSON data with proper headers.

What file name does SvelteKit use for server route handlers?

A +server.js

B +page.svelte

C server.js

D route.js

SvelteKit uses +server.js files to define server-side route handlers.

Which HTTP method handler is NOT typically defined in a +server.js file?

A GET

B DELETE

C POST

D CONNECT

CONNECT is rarely used and not commonly defined in +server.js files; GET, POST, DELETE are standard.

Where does the code in +server.js run?

A On the server

B In the browser

C In the database

D On the client device

+server.js code runs on the server, not in the browser or client.

How do you return JSON data from a GET handler in +server.js?

A return fetch(data)

B return json(data)

C return data.toString()

D return new Response(data)

The json() helper formats data with correct headers for JSON responses.

Which import is needed to use the json() helper in +server.js?

A import { json } from 'svelte';

B import json from 'json';

C import { json } from '@sveltejs/kit';

D No import needed

You must import json from '@sveltejs/kit' to use it in server routes.

Explain how to create a simple GET server route in SvelteKit using +server.js.

Think about the function name and how to send JSON back.

Describe the difference between client-side routes and server routes in SvelteKit and when to use each.

Consider where the code runs and what it controls.