Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

i18n(it): Updated tutorials and small fix to install #7087

Merged
merged 4 commits into from
Mar 5, 2024
Merged

i18n(it): Updated tutorials and small fix to install #7087

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a7801fc
update tutorials and small correction to install
casungo Feb 28, 2024
785c65f
Merge branch 'main' into it-update2802
casungo Mar 5, 2024
f0a4649
fix numbered list
casungo Mar 5, 2024
5b6d64e
Merge branch 'main' into it-update2802
yanthomasdev Mar 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/content/docs/it/install/auto.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,7 @@ Puoi anche iniziare un nuovo progetto Astro partendo da un [esempio ufficiale](h
<Fragment slot="npm">
```shell
# crea un nuovo progetto con un esempio ufficiale
npm create astro@latest -- --template <nome-esempio>
npm create astro@latest -- --template <nome-di-esempio>

# crea un nuovo progetto partendo dal ramo main di una repository di GitHub
npm create astro@latest -- --template <github-username>/<github-repository>
Expand All @@ -105,7 +105,7 @@ Puoi anche iniziare un nuovo progetto Astro partendo da un [esempio ufficiale](h
<Fragment slot="pnpm">
```shell
# crea un nuovo progetto con un esempio ufficiale
pnpm create astro@latest --template <nome-esempio>
pnpm create astro@latest --template <nome-di-esempio>

# crea un nuovo progetto partendo dal ramo main di una repository di GitHub
pnpm create astro@latest --template <github-username>/<github-repository>
Expand All @@ -114,7 +114,7 @@ Puoi anche iniziare un nuovo progetto Astro partendo da un [esempio ufficiale](h
<Fragment slot="yarn">
```shell
# crea un nuovo progetto con un esempio ufficiale
yarn create astro --template <nome-esempio>
yarn create astro --template <nome-di-esempio>

# crea un nuovo progetto partendo dal ramo main di una repository di GitHub
yarn create astro --template <github-username>/<github-repository>
Expand Down
22 changes: 13 additions & 9 deletions src/content/docs/it/tutorials/add-content-collections.mdx
View file
Open in desktop
casungo marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
Expand Up @@ -177,11 +177,15 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a
};
```

6. Per consentire ad Astro di riconoscere il tuo schema, interrompi il server di sviluppo (`CTRL + C`) e esegui il seguente comando: [`npx astro sync`](/it/reference/cli-reference/#astro-sync). Questo definirà il modulo `astro:content` per l'API delle Collezioni di Contenuti. Riavvia il server di sviluppo per continuare con il tutorial.



### Genera le pagine da una collezione

6. Crea un file per la pagina chiamato `src/pages/posts/[...slug].astro`. I tuoi file Markdown e MDX non diventano più automaticamente pagine usando il routing basato su file di Astro quando sono all'interno di una collezione, quindi devi creare una pagina responsabile per generare ogni singolo post del blog.
7. Crea un file per la pagina chiamato `src/pages/posts/[...slug].astro`. I tuoi file Markdown e MDX non diventano più automaticamente pagine usando il routing basato su file di Astro quando sono all'interno di una collezione, quindi devi creare una pagina responsabile per generare ogni singolo post del blog.

7. Aggiungi il codice seguente per [interrogare la tua collezione](/it/guides/content-collections/#querying-collections) per rendere disponibile a ogni pagina che genererà lo slug e il contenuto della pagina di ogni post del blog:
8. Aggiungi il codice seguente per [interrogare la tua collezione](/it/guides/content-collections/#querying-collections) per rendere disponibile a ogni pagina che genererà lo slug e il contenuto della pagina di ogni post del blog:

```astro title="src/pages/posts/[...slug].astro"
---
Expand All @@ -200,7 +204,7 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a
---
```

8. Renderizza il tuo `<Content />` del post all'interno del layout per le pagine Markdown. Questo ti permette di specificare un layout comune per tutti i tuoi post.
9. Renderizza il tuo `<Content />` del post all'interno del layout per le pagine Markdown. Questo ti permette di specificare un layout comune per tutti i tuoi post.

```astro title="src/pages/posts/[...slug].astro" ins={15-17}
---
Expand All @@ -222,7 +226,7 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a
</MarkdownPostLayout>
```

9. Rimuovi la definizione `layout` nel frontmatter di ogni singolo post. Il tuo contenuto è ora racchiuso in un layout quando viene renderizzato, e questa proprietà non è più necessaria.
10. Rimuovi la definizione `layout` nel frontmatter di ogni singolo post. Il tuo contenuto è ora racchiuso in un layout quando viene renderizzato, e questa proprietà non è più necessaria.

```md title="src/content/posts/post-1.md" del={2}
---
Expand All @@ -235,7 +239,7 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a

### Rimpiazza `Astro.glob()` con `getCollection()`

10. Ovunque tu abbia una lista di post del blog, come la pagina Blog della guida (`src/pages/blog.astro/`), dovrai sostituire `Astro.glob()` con [`getCollection()`](/it/reference/api-reference/#getcollection) come modo per recuperare contenuti e metadati dai tuoi file Markdown.
11. Ovunque tu abbia una lista di post del blog, come la pagina Blog della guida (`src/pages/blog.astro/`), dovrai sostituire `Astro.glob()` con [`getCollection()`](/it/reference/api-reference/#getcollection) come modo per recuperare contenuti e metadati dai tuoi file Markdown.

```astro title="src/pages/blog.astro" "post.data" "getCollection(\"posts\")" "/posts/${post.slug}/" del={7} ins={2,8}
---
Expand All @@ -249,7 +253,7 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a
---
```

11. Dovrai anche aggiornare i riferimenti ai dati restituiti per ogni `post`. Ora troverai i valori del frontmatter sulla proprietà `data` di ogni oggetto. Inoltre, quando si usano le collezioni, ogni oggetto `post` avrà uno `slug` di pagina, non un URL completo.
12. Dovrai anche aggiornare i riferimenti ai dati restituiti per ogni `post`. Ora troverai i valori del frontmatter sulla proprietà `data` di ogni oggetto. Inoltre, quando si usano le collezioni, ogni oggetto `post` avrà uno `slug` di pagina, non un URL completo.

```astro title="src/pages/blog.astro" "data" "/posts/$\{post.slug\}/" del={14} ins={15}
---
Expand All @@ -273,7 +277,7 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a
</BaseLayout>
```

12. Il blog di tutorial genera anche dinamicamente una pagina per ogni tag usando `src/pages/tags/[tag].astro` e visualizza un elenco di tag su `src/pages/tags/index.astro`.
13. Il blog di tutorial genera anche dinamicamente una pagina per ogni tag usando `src/pages/tags/[tag].astro` e visualizza un elenco di tag su `src/pages/tags/index.astro`.

Applica gli stessi cambiamenti di cui sopra a questi due file:

Expand Down Expand Up @@ -338,7 +342,7 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a

### Aggiorna ogni valore di frontmatter per corrispondere allo schema

13. Se necessario, aggiorna qualunque valore del frontmatter in tutto il tuo progetto, come nel tuo layout, che non corrisponde allo schema delle collezioni.
14. Se necessario, aggiorna qualunque valore del frontmatter in tutto il tuo progetto, come nel tuo layout, che non corrisponde allo schema delle collezioni.

Nel blog di esempio, `pubDate` era una stringa. Ora, secondo lo schema che definisce i tipi per il frontmatter del post, `pubDate` sarà un oggetto `Date`.

Expand All @@ -356,7 +360,7 @@ Gli step seguenti mostrano come estendere il prodotto finale della guida Build a

### Aggiorna la funzione RSS

14. Per ultima cosa, il progetto di blog tutorial include un feed RSS. Questa funzione deve anche usare `getCollection()` per restituire informazioni dai tuoi post del blog. Poi genererai gli elementi RSS usando l'oggetto `data` restituito.
15. Per ultima cosa, il progetto di blog tutorial include un feed RSS. Questa funzione deve anche usare `getCollection()` per restituire informazioni dai tuoi post del blog. Poi genererai gli elementi RSS usando l'oggetto `data` restituito.

```js title="src/pages/rss.xml.js" del={2,11} ins={3,6,12-17}
import rss from '@astrojs/rss';
Expand Down
2 changes: 2 additions & 0 deletions src/content/docs/it/tutorials/add-view-transitions.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -352,6 +352,8 @@ Con le transizioni delle viste, alcuni script potrebbero non essere più eseguit
</details>
</Box>

Controlla l'anteprima del tuo browser e ora sia il titolo della pagina che i link dell'intestazione scorreranno in entrata su ogni navigazione della pagina.

8. Aggiungi un dissolvimento più lungo alle descrizioni dei tuoi post del blog.

Puoi anche personalizzare le animazioni integrate di Astro importandole e fornendo qualsiasi proprietà di animazione CSS.
Expand Down
Loading