---
title: Scrittura e organizzazione
sidebarTitle: Panoramica scrittura
description: >-
  Tutto sulla creazione di pagine Jamdesk: sintassi MDX, blocchi di codice, contenuti multimediali, SEO e strumenti per l'anteprima prima della pubblicazione.
---

> **For AI agents:** the complete documentation index is at [llms.txt](/docs/llms.txt). Append `.md` to any page URL for its markdown version.

Le pagine Jamdesk sono file MDX: Markdown standard con componenti React disponibili ovunque servano. Una pagina contiene semplicemente frontmatter e contenuto.

```mdx
---
title: Rate Limits
description: How rate limiting works across API tiers.
---

Requests are limited per API key.

<Note>Enterprise plans have custom limits.</Note>
```

La maggior parte dei contenuti che scriverai sarà in Markdown semplice. Le pagine di questa sezione trattano il resto: blocchi di codice con evidenziazione della sintassi, immagini e video, notazione matematica, snippet riutilizzabili e campi frontmatter che controllano titoli, icone e metadati SEO.

## MDX e pagine

<Columns cols={3}>
  <Card title="Nozioni di base su MDX" icon="pen-to-square" href="/it/content/mdx-basics">
    Markdown con componenti React incorporati. Inizia da qui.
  </Card>
  <Card title="Blocchi di codice" icon="code" href="/it/content/code-blocks">
    Evidenziazione della sintassi, numeri di riga, nomi file e CodeGroups
  </Card>
  <Card title="Componenti React personalizzati" icon="puzzle-piece" href="/it/content/react-components">
    Definisci i tuoi componenti con rendering lato server e Tailwind
  </Card>
  <Card title="Frontmatter" icon="file-lines" href="/it/content/frontmatter">
    Titoli, descrizioni, icone, sostituzioni della barra laterale e metadati SEO
  </Card>
  <Card title="Intestazioni" icon="heading" href="/it/content/headers">
    Intestazioni H2 e H3 che popolano il sommario
  </Card>
  <Card title="Icone" icon="icons" href="/it/content/icons">
    Icone Font Awesome Pro in schede, riquadri informativi, navigazione e testo in linea
  </Card>
  <Card title="Link e ancoraggi" icon="link" href="/it/content/links">
    Link interni, ancoraggi alle intestazioni e URL esterni
  </Card>
  <Card title="Matematica e LaTeX" icon="square-root-variable" href="/it/content/math">
    Rendering KaTeX per equazioni ed espressioni
  </Card>
  <Card title="SEO" icon="magnifying-glass" href="/it/content/seo">
    Meta tag, anteprime social e sitemap generate automaticamente
  </Card>
  <Card title="Pagine nascoste" icon="eye-slash" href="/it/content/hidden-pages">
    Mantieni le pagine fuori dalla barra laterale e dalla ricerca senza eliminarle
  </Card>
  <Card title="Snippet" icon="clone" href="/it/content/snippets">
    Blocchi di contenuto riutilizzabili che importi in più pagine
  </Card>
</Columns>

## Contenuti multimediali e incorporamenti

<Columns cols={2}>
  <Card title="Immagini" icon="image" href="/it/content/images">
    Ridimensionamento, didascalie, varianti per tema chiaro e scuro e formati supportati
  </Card>
  <Card title="YouTube" icon="circle-play" href="/it/content/youtube">
    Video e Shorts caricati in modo differito con tempi di inizio personalizzati
  </Card>
  <Card title="Video" icon="video" href="/it/content/videos">
    MP4 e WebM con proprietà per riproduzione automatica, ripetizione e poster
  </Card>
  <Card title="iFrame" icon="window-restore" href="/it/content/iframes">
    Vimeo, CodePen, Figma, Loom e altri incorporamenti esterni
  </Card>
</Columns>

## Strumenti di creazione

Non devi eseguire il push per vedere le modifiche. Visualizza l'anteprima localmente con la CLI, modifica nel browser o controlla il server di sviluppo da VS Code.

<Columns cols={3}>
  <Card title="Anteprima locale" icon="terminal" href="/it/development/local-preview">
    Esegui la documentazione sul tuo computer con ricaricamenti istantanei
  </Card>
  <Card title="Editor web" icon="browser" href="/it/development/web-editor">
    Modifica MDX nel browser con anteprima in tempo reale e salva direttamente nel repository
  </Card>
  <Card title="Estensione VS Code" icon="square-code" href="/it/development/vscode-extension">
    Avvia e arresta il server di sviluppo dalla barra di stato
  </Card>
</Columns>