---

title: More Recipes

description: See guided examples of building features in Astro.
i18nReady: true
---

import RecipesNav from '~/components/RecipesNav.astro';

See guided examples of adding features to your Astro project.

## Official Recipes

<RecipesNav />

## Community Resources

Add your own here! See our [recipes contributing

guide](https://github.com/withastro/docs/blob/main/contributor-guides/submitting-a-
recipe.md) for more info.

- [Use a dynamic filename when importing

images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/)
- [Add animated page transitions with Swup](https://navillus.dev/blog/astro-plus-
swup)
- [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-
in-astro/)
- [Build a table of contents from Astro's Markdown
headings](https://kld.dev/building-table-of-contents/)
- [Create a Remark plugin to remove runts from your Markdown
files](https://eatmon.co/blog/remove-runts-markdown/)
- [Add searching to your site with
Pagefind](https://blog.otterlord.dev/posts/astro-search/)
- [Add searching to your site with Fuse.js](https://www.youtube.com/watch?
v=XnV_2MWqAhQ)
- [Get VSCode, ESLint & Prettier working with
Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode)
- [Enhance your Astro builds: modify HTML files
post-build](https://straffesites.com/en/blog/optimize-astro-html-post-build)
- [Add dark mode to Astro with Tailwind
CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/)
- [Generate localized sitemaps for your Astro and Storyblok
project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok)
- [Integrate Prettier with Astro and Tailwind
CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss)
- [Add an RSS feed to Astro using Storyblok's
stories](https://straffesites.com/en/blog/rss-feed-astro-storyblok)
- [Using tRPC in Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-
react)
- [How to make your Astro website multilingual with Crowdin: Astro localization
guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n)
- [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-
rss-feed-blog-post-images/)
- [Setting up micro-frontends with
Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-
and-ecma-script-modules-137340d2c520)
- [Add username and password authentication with
Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/astro)
- [Add Github OAuth with
Lucia](https://lucia-auth.com/guidebook/github-oauth/astro)
- [Integrating Sentry with Astro](https://akashrajpurohit.com/blog/seamless-error-
tracking-integrating-sentry-with-astro/)
- [Set Up Draft Pages Effectively in Astro with Config-Driven Content Authoring]
(https://akashrajpurohit.com/blog/set-up-draft-pages-effectively-in-astro-with-
configdriven-content-authoring/)
- [How to Send Any Data to Your RSS Feed? A Guide with Astro +
RSS](https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/)