+page.ts ve +page.server.ts arasındaki fark nedir?

`+page.ts`, evrensel veri getirme için hem sunucuda hem de istemcide çalışırken, `+page.server.ts` yalnızca sunucuda çalışır. Özel ortam değişkenleri veya doğrudan veritabanı erişimi gerektiren işlemler için sunucu sürümünü kullanın.

Oluşturulan dosyalar diskime kaydediliyor mu?

Hayır. Bu araç, daha sonra yerel IDE'nize kopyalayıp yapıştırabileceğiniz kod metnini oluşturur. Yerel dosya sisteminizi doğrudan değiştirmek için izni yoktur.

Bu, Svelte 5 snippet'lerini ve rune'larını destekliyor mu?

Evet. Ayarlar içinde eski Svelte 4 söz dizimi ile $state ve $derived dahil olmak üzere yeni Svelte 5 rune'ları arasında geçiş yapabilirsiniz.

Varsayılan olarak TypeScript ekleyebilir miyim?

Evet. Oluşturucu, script blokları ve yükleme fonksiyonları için varsayılan olarak TypeScript söz dizimini kullanır, ancak projeniz gerektiriyorsa düz JavaScript'e geçiş yapabilirsiniz.

Biçimlendiriciler ve Kod

SvelteKit Bileşen + Sayfa Oluşturucu

+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

Editörün notu

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

Bu ayrıntılı bölüm şu anda yalnızca İngilizce olarak sunulmaktadır. Yukarıdaki dönüştürme aracı sizin dilinizde çalışır; uzun açıklayıcı yazı henüz çevrilmemiştir.

Sıkça sorulan sorular

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.

İnsanlar ayrıca şunları arar

İlgili araçlar

More in this room.

Tümünü gör Biçimlendiriciler ve Kod