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.

• Installing a Vite or Rollup plugin

  Learn how you can import YAML data by adding a Rollup plugin to your project.

• Build a custom image component

  Learn how to build a custom image component that supports media queries using the getImage function

• 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

• Use Bun with Astro

  Learn how to use Bun with your Astro site.

• Call endpoints from the server

  Learn how to call endpoints from the server in Astro.

• Verify a Captcha

  Learn how to create an API route and fetch it from the 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

• Add icons to external links

  Learn how to install a rehype plugin to add icons to external links in your Markdown files

• 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