This document provides a list of community resources that show examples of adding features to an Astro project. It lists official Astro recipes and then provides a list of over 20 external resources that demonstrate how to do things like add dark mode, authentication, localization, draft pages and more to an Astro site. The resources are from blogs and websites that explain how to integrate libraries and tools like Tailwind CSS, Lucia, Crowdin and Sentry into an Astro project.
This document provides a list of community resources that show examples of adding features to an Astro project. It lists official Astro recipes and then provides a list of over 20 external resources that demonstrate how to do things like add dark mode, authentication, localization, draft pages and more to an Astro site. The resources are from blogs and websites that explain how to integrate libraries and tools like Tailwind CSS, Lucia, Crowdin and Sentry into an Astro project.
This document provides a list of community resources that show examples of adding features to an Astro project. It lists official Astro recipes and then provides a list of over 20 external resources that demonstrate how to do things like add dark mode, authentication, localization, draft pages and more to an Astro site. The resources are from blogs and websites that explain how to integrate libraries and tools like Tailwind CSS, Lucia, Crowdin and Sentry into an Astro project.
This document provides a list of community resources that show examples of adding features to an Astro project. It lists official Astro recipes and then provides a list of over 20 external resources that demonstrate how to do things like add dark mode, authentication, localization, draft pages and more to an Astro site. The resources are from blogs and websites that explain how to integrate libraries and tools like Tailwind CSS, Lucia, Crowdin and Sentry into an Astro project.
Download as TXT, PDF, TXT or read online from Scribd
Download as txt, pdf, or txt
You are on page 1of 2
---
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/)