Jaka jest różnica między +page.ts a +page.server.ts?

`+page.ts` działa zarówno na serwerze, jak i na kliencie w celu uniwersalnego pobierania danych, podczas gdy `+page.server.ts` działa tylko na serwerze. Użyj wersji serwerowej do operacji wymagających prywatnych zmiennych środowiskowych lub bezpośredniego dostępu do bazy danych.

Czy wygenerowane pliki są zapisywane na moim dysku?

Nie. To narzędzie generuje tekst kodu, który możesz następnie skopiować i wkleić do swojego lokalnego IDE. Nie ma ono uprawnień do bezpośredniej modyfikacji Twojego lokalnego systemu plików.

Czy to obsługuje snippety i runes z Svelte 5?

Tak. W ustawieniach możesz przełączać się między starszą składnią Svelte 4 a nowszymi runes Svelte 5, w tym `$state` i `$derived`.

Czy mogę domyślnie uwzględniać TypeScript?

Tak. Generator domyślnie używa składni TypeScript dla bloków skryptów i funkcji ładowania, ale możesz przełączyć się na zwykły JavaScript, jeśli Twój projekt tego wymaga.

Formatowanie i Kodowanie

Generator komponentów + stron SvelteKit

+page.svelte, +page.server.ts and load functions in one go.

Runs in your browser

RouteServer load()Form actions

src/routes/blog/[slug]/+page.svelte

<script lang="ts">
  import type { PageData } from "./$types";
  let { data }: { data: PageData } = $props();
</script>

<svelte:head>
  <title>Page title</title>
</svelte:head>

<main class="p-6">
  <h1>{data.slug}</h1>
</main>

lines: 13chars: 229size: 229 B

live

src/routes/blog/[slug]/+page.server.ts

import type { PageServerLoad, Actions } from "./$types";

export const load: PageServerLoad = async ({ params }) => {
  return { slug: params.slug };
};

export const actions: Actions = {
  default: async ({ request }) => {
    const data = await request.formData();
    const value = data.get("name")?.toString();
    return { success: true, value };
  },
};

lines: 14chars: 360size: 360 B

live

Notka redakcyjna

Understanding · +page, +page.server, +layout — that's it.

Ten szczegółowy rozdział jest obecnie dostępny tylko w języku angielskim. Narzędzie konwersji powyżej działa w Twoim języku; długi artykuł objaśniający nie został jeszcze przetłumaczony.

Często zadawane pytania

Quick answers.

›What is the difference between +page.ts and +page.server.ts?

`+page.ts` runs on both the server and the client for universal data fetching, while `+page.server.ts` only runs on the server. Use the server version for operations requiring private environment variables or direct database access.

›Are the generated files saved to my disk?

No. This tool generates the code text which you can then copy and paste into your local IDE. It does not have permission to modify your local filesystem directly.

›Does this support Svelte 5 snippets and runes?

Yes. You can toggle between legacy Svelte 4 syntax and the newer Svelte 5 runes including `$state` and `$derived` within the settings.

›Can I include TypeScript by default?

Yes. The generator defaults to TypeScript syntax for script blocks and load functions, but you can switch to plain JavaScript if your project requires it.

Ludzie wyszukują również

Powiązane narzędzia

More in this room.

Zobacz wszystkie w Formatowanie i Kodowanie