Qual é a diferença entre +page.ts e +page.server.ts?

`+page.ts` é executado tanto no servidor quanto no cliente para a recolha universal de dados, enquanto `+page.server.ts` é executado apenas no servidor. Use a versão do servidor para operações que exijam variáveis de ambiente privadas ou acesso direto à base de dados.

Os ficheiros gerados são guardados no meu disco?

Não. Esta ferramenta gera o texto do código que pode depois copiar e colar no seu IDE local. Não tem permissão para modificar o seu sistema de ficheiros local diretamente.

Isto suporta snippets e runes do Svelte 5?

Sim. Pode alternar entre a sintaxe legada do Svelte 4 e as runes mais recentes do Svelte 5, incluindo `$state` e `$derived` nas definições.

Posso incluir TypeScript por predefinição?

Sim. O gerador predefine a sintaxe TypeScript para blocos de script e funções de carregamento, mas pode mudar para JavaScript simples se o seu projeto o exigir.

Formatadores e Código

Gerador de Componentes + Páginas 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

Nota do editor

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

Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.

Perguntas frequentes

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.

As pessoas também pesquisam por

Ferramentas relacionadas

More in this room.

Ver tudo em Formatadores e Código