SvelteKit Template

Clonar este template:

git clone https://github.com/fscheidt/front
cd front
npm i

npm run dev

Conceitos

Rota no svelte:
http://localhost:5173/movies


Componentes:
- Movies.svelte
  - MovieCard.svelte

# comandos do svelte:
$props();
$state()
{#each}
{#if}
bind:checked
onMount()

4 - Implementar a página de atores populres

Back-end (fastapi)
- /treding/person/week

Front (svelte)
- routes
- componentes
  - Person.svelte
  - PersonCard.svelte

ou

Criar um novo projeto

# cria um novo projeto chamado front
npx sv create front

Instalar dependências

devtools

npm install -D vite-plugin-devtools-json

Iniciar a aplicação

npm run dev

iniciar e abrir no browser

npm run dev -- --open