Scribd
Upload
54 views2 pages

Astro Recipes

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.

Uploaded by

Cristina Raluca Glăvan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
54 views2 pages

Astro Recipes

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.

Uploaded by

Cristina Raluca Glăvan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 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/)

You might also like