PéldaprogramokTananyagPortfólió követelményekFrontend tematikaSzámonkérésUTF-8 Karakterek válogatás Vite - Új projekt REST API SvelteKit + Load / Actions SvelteKit/Drizzle/Lucia/Turso SvelteKit FullStack Video tananyag
SvelteKit (FullStack) projekt létrehozása:
npx sv create
# Ajánlott add-ons: drizzle, lucia
cd <myproject> #projekt könyvtár kiválasztása
code . #vscode elindítása
npm run dev
SvelteKit Load / Actions (+page.server.js)
1
2 
// szerver => frontend
3 
export const load = ({locals}) => {
4 
    return {
5 
        ...
6 
    }
7 
} // Read it in +page.svelte: let { data } = $props()
8
9 
// frontend => szerver
10 
export const actions = {
11 
    default: async ({ locals, request }) => {
12 
        const formData = await event.request.formData();
13 
        const ... = formData.get('...'); // form input name
14 
    }
15 
} // Send data from +page.svelte: <form method="post" ...
SvelteKit API (+server.js)
1 
import { json } from '@sveltejs/kit';
2 
export const POST = async ({ request }) => {
3 
    console.log(await request.json())
4 
    return json({ ... })
5 
};