https://github.com/nazarepiedady/learn-svelte-pt

Um tutorial interativo completo sobre a criação de aplicações com a Svelte e SvelteKit. 🇦🇴 🇧🇷 🇵🇹
https://github.com/nazarepiedady/learn-svelte-pt

html-css-javascript ssr svelte svelte-5 svelte-components svelte-kit svelte-pt svelte-pt-br svelte-pt-pt svelte-v3 svelte-v4 svelte-v5 svelte3 svelte4 sveltejs sveltekit typescript

Last synced: 29 days ago
JSON representation

Um tutorial interativo completo sobre a criação de aplicações com a Svelte e SvelteKit. 🇦🇴 🇧🇷 🇵🇹

• Host: GitHub
• URL: https://github.com/nazarepiedady/learn-svelte-pt
• Owner: nazarepiedady
• License: mit
• Created: 2023-09-04T06:59:30.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-04T16:20:31.000Z (7 months ago)
• Last Synced: 2024-09-29T11:54:03.044Z (about 1 month ago)
• Topics: html-css-javascript, ssr, svelte, svelte-5, svelte-components, svelte-kit, svelte-pt, svelte-pt-br, svelte-pt-pt, svelte-v3, svelte-v4, svelte-v5, svelte3, svelte4, sveltejs, sveltekit, typescript
• Language: Svelte
• Homepage: https://learn-svelte-pt.vercel.app
• Size: 3.23 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# learn.svelte.dev (Português)

Um tutorial interativo completo sobre como construir aplicações com a Svelte.

## Configuração

Este repositório usa a [`pnpm`](https://pnpm.io/).

## Desenvolvendo a Aplicação

Primeiro, executamos `node scripts/create-common-bundle`. Este pacote contém tudo o que é necessário para executar uma aplicação de SvelteKit (Vite, esbuild, SvelteKit, compilador da Svelte, etc) que pode ser posteriormente descompactado num servidor para criar e executar uma instância duma aplicação de SvelteKit (que alimenta a janela de saída do tutorial). Depois, executamos `dev`:

```bash

node scripts/create-common-bundle

pnpm dev

```

Para construirmos para produção e executarmos localmente:

```bash

pnpm build

pnpm preview

```

## Criando Novos Tutoriais

Os tutoriais estão dentro de `content`. Cada tutorial consiste num `README.md`, uqe é o texto à esquerda, e as pastas `app-a` e `app-b`, que representam o estado inicial e o estado resolvido. Os ficheiros que se mantêm inalterados podem ser omitidos da `app-b`. Os ficheiros são marcados como eliminados em `app-b` se começarem com `__delete`. As pastas são marcadas como eliminadas na `app-b` se contiverem um ficheiro nomeado `__delete`.

## Atualizando as Dependências do Tutorial

Atualizamos a dependência (por exemplo, Svelte) tanto na raiz quanto no `package.json` da `content/common`. Na raiz fazemos `pnpm i` (para atualizar o `pnpm-lock.yaml`), na `content/common` fazemos `npm i` (para atualizar o `package-lock.json`).