Altre soluzioni

Esempi guidati su come aggiungere nuove funzionalità al tuo progetto Astro.

Soluzioni ufficiali

Sezione intitolata Soluzioni ufficiali

• Share state between Islands

  Learn how to share state across framework components with Nano Stores.

• Add an RSS feed

  Add an RSS feed to your Astro site to let users subscribe to your content.

• Installare un plugin Vite o Rollup

  Impara come importare dati YAML aggiungendo un plugin Rollup al tuo progetto.

• Crea un componente immagine personalizzato

  Impara come creare un componente immagine personalizzato che supporta le media query utilizzando la funzione getImage.

• Build forms with API routes

  Learn how to use JavaScript to send form submissions to an API Route.

• Build HTML forms in Astro pages

  Learn how to build HTML forms and handle submissions in your frontmatter.

• Usa bun con Astro

  Impara come usare Bun con il tuo sito Astro.

• Richiama endpoint dal server

  Impara come richiamare endpoint dal server in Astro.

• Verifica un Captcha

  Impara come creare un percorso API e recuperarlo dal client.

• Build your Astro Site with Docker

  Learn how to build your Astro site using Docker.

• Dynamically import images

  Learn how to dynamically import images using Vite's import.meta.glob function.

• Aggiungi delle icone ai link esterni

  Impara come installare un plugin rehype per aggiungere icone ai link esterni nei tuoi file Markdown.

• Add i18n features

  Use dynamic routing and content collections to add internationalization support to your Astro site.

• Add last modified time

  Build a remark plugin to add the last modified time to your Markdown and MDX.

• Add reading time

  Build a remark plugin to add reading time to your Markdown or MDX files.

• Condividere lo stato tra diversi componenti Astro

  Come condividere lo stato tra diversi componenti Astro con Nano Stores.

• Using streaming to improve page performance

  Learn how to use streaming to improve page performance.

• Style rendered Markdown with Tailwind Typography

  Learn how to use @tailwind/typography to style your rendered Markdown.

Soluzioni dalla community

Sezione intitolata Soluzioni dalla community

Aggiungi la tua soluzione! Per maggiori informazioni consulta la nostra guida per contribuire alle soluzioni.

• Importare immagini utilizzando un nome file dinamico
• Aggiungere transizioni di pagina animate con Swup
• Utilizzare UnoCSS in Astro
• Costruire una tabella dei contenuti utilizzando le intestazioni dei file Markdown di Astro
• Creare un plugin Remark per rimuovere i “righini” dai tuoi file Markdown
• Aggiungere al tuo sito la funzionalità di ricerca con Pagefind
• Configurare VSCode, ESLint e Prettier in progetti Astro
• Ottimizzare le build di progetti Astro: modificare i file HTML post-build
• Aggiungere la modalità scura in Astro con Tailwind CSS
• Generare sitemaps localizzate nei tuoi progetti Astro con Storyblok
• Integrare Prettier con Astro e Tailwind CSS
• Aggiungere un feed RSS ad Astro utilizzando le storie di Storyblok
• Utilizzare tRPC in Astro
• Come rendere multilingue il tuo sito Astro con Crowdin: una guida alla localizzazione in Astro
• Aggiungere le immagini di un blog post al feed RSS Astro
• Adottare un’architettura micro-frontends con Astro
• Aggiungere autenticazione basata su nome utente e password con Lucia
• Aggiungere Github OAuth con Lucia
• Integrare Sentry con Astro
• Configura le bozze delle pagine in modo efficace in Astro con la creazione di contenuti basata sulla configurazione