From 6ac1a2830a8e1c116e4c9e696dff9c4271a1ef7d Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Thu, 18 Jan 2024 19:57:45 +0000 Subject: [PATCH 01/26] basic structure of community resources section --- .../docs/en/community-resources/content.mdx | 53 +++++++++++++++++++ .../docs/en/community-resources/talks.mdx | 20 +++++++ src/content/docs/en/recipes.mdx | 28 ++-------- src/i18n/en/nav.ts | 8 +++ 4 files changed, 85 insertions(+), 24 deletions(-) create mode 100644 src/content/docs/en/community-resources/content.mdx create mode 100644 src/content/docs/en/community-resources/talks.mdx diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx new file mode 100644 index 0000000000000..9301bcaf52d65 --- /dev/null +++ b/src/content/docs/en/community-resources/content.mdx @@ -0,0 +1,53 @@ +--- +title: Community Content +description: Discover community-produced guides, articles and videos to help you learn and build with Astro! +i18nReady: true +--- + +import Badge from '~/components/Badge.astro'; + + +## Courses and Tutorials + +### Paid + +- [Learn Astro](https://learnastro.dev/) by Chris Pennington +- [Build Modern Websites with Astro]() by James Q Quick +- +### Free + +- [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) Video +- [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w)Video + +## Recipes and Guides + +See guided examples of adding features to your Astro project, submitted by our community members! + +Recipes are typically short, focused how-to guides that walk a reader through completing a working example of a specific task. Recipes are a great way to add new features or behavior to your Astro project by following step-by-step instructions! + +Other guides might explain concepts related to an area of content, such as using images or working with MDX. + +Explore community-produced recipes maintained by Astro users: + +- [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/) diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx new file mode 100644 index 0000000000000..bd12db103b02d --- /dev/null +++ b/src/content/docs/en/community-resources/talks.mdx @@ -0,0 +1,20 @@ +--- +title: Talks, Interviews, and Streams +description: Watch conference talks, interviews, and live streams about Astro! +i18nReady: true +--- + +import Badge from '~/components/Badge.astro'; + +Want to watch/listen to stuff? Some good things are listed here. For even more updated regularly, see this YouTube playlist, read our blog, subscribe to our monthly newsletter... + +## Conference Talks + +- Here is a talk Astro Team Member +- Here is another talk +- + +## Interviews and podcasts + +## Livestream coding sessions + diff --git a/src/content/docs/en/recipes.mdx b/src/content/docs/en/recipes.mdx index 31b4d03e4f0d6..e9469221fafc1 100644 --- a/src/content/docs/en/recipes.mdx +++ b/src/content/docs/en/recipes.mdx @@ -15,27 +15,7 @@ See guided examples of adding features to your Astro project. ## Community Resources -Add your own here! See our [recipes contributing guide](https://contribute.docs.astro.build/guides/recipe-writing/) 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/) +import ReadMore from '~/components/ReadMore.astro' + + +See even more recipes written and maintained by the communty in our [community recipes and guides](/en/community-resources/content/#recipes-and-guides) diff --git a/src/i18n/en/nav.ts b/src/i18n/en/nav.ts index 022a1fc6807bb..58e5808d636d8 100644 --- a/src/i18n/en/nav.ts +++ b/src/i18n/en/nav.ts @@ -166,4 +166,12 @@ export default [ key: 'reference/error-reference', }, { text: 'NPM Package Format', slug: 'reference/publish-to-npm', key: 'guides/publish-to-npm' }, + + { text: 'Community Resources', header: true, type: 'learn', key: 'communityResources' }, + { text: 'Courses, Guides, and Recipes', slug: 'community-resources/content', key: 'community-resources/content' }, + { text: 'Talks, Interviews, and Streams', slug: 'community-resources/talks', key: 'community-resources/talks' }, + + ] as const; + + From 21cc8ae0c6efa7ab9e4c0c2e9debedeb4eef8358 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 12:34:16 +0000 Subject: [PATCH 02/26] abuse landing page ListCards --- .../docs/en/community-resources/content.mdx | 306 ++++++++++++++++-- 1 file changed, 283 insertions(+), 23 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 9301bcaf52d65..72e77e3c780e7 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -1,23 +1,32 @@ --- title: Community Content description: Discover community-produced guides, articles and videos to help you learn and build with Astro! -i18nReady: true +i18nReady: false --- import Badge from '~/components/Badge.astro'; +import { CardGrid, LinkCard } from '@astrojs/starlight/components'; +import Card from '~/components/Landing/Card.astro' +import ListCard from '~/components/Landing/ListCard.astro' +There's lots more content out there that can help you learn and build with Astro! Here is some content produced and maintained by the Astro community. All links are external and we don't guarantee anything here.... ## Courses and Tutorials -### Paid +Courses and tutorials are focused on teaching you new concepts, often with exercises or sample projects to build. These are a great way to learn new concepts and give you the tools you need for working on your own Astro project. -- [Learn Astro](https://learnastro.dev/) by Chris Pennington -- [Build Modern Websites with Astro]() by James Q Quick -- -### Free +Check out the following courses and tutorials to learn more about Astro. + + + - [Learn Astro](https://learnastro.dev/) by Chris Pennington (@CodingInPublic) + - [Build Modern Websites with Astro](https://astrocourse.dev/) by James Q Quick + + + + - [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) + - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w) + -- [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) Video -- [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w)Video ## Recipes and Guides @@ -29,25 +38,276 @@ Other guides might explain concepts related to an area of content, such as using Explore community-produced recipes maintained by Astro users: + + - [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/) + - [Add dark mode to Astro with Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/) + + + + - [Add Github OAuth with Lucia](https://lucia-auth.com/guidebook/github-oauth/astro) + - [Add username and password authentication with Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/astro) + + + + - [Add an RSS feed to Astro using Storyblok's stories](https://straffesites.com/en/blog/rss-feed-astro-storyblok) + - [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/) + - [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/) + + + + - [Use a dynamic filename when importing images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/) + + + + - [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode) + - [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss) + + + + - [Add animated page transitions with Swup](https://navillus.dev/blog/astro-plus-swup) + + + + - [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/) + + + + - [Enhance your Astro builds: modify HTML files post-build](https://straffesites.com/en/blog/optimize-astro-html-post-build) + - [Setting up micro-frontends with Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520) + + + + - [Using tRPC in Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react) + - [Integrating Sentry with Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/) + - [Generate localized sitemaps for your Astro and Storyblok project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok) + - [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) + + + + - [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n) + + + + + +{/* + + + + + + + + */} + + +{/* +### CSS + + + + + +### Authentication + + + + + +### RSS + + + + + + +### Images + + + + + +### Editor Tooling + + + + + +### Animation + + + + + +### Markdown + + + + + + +### Utilities + + + + + + + + +### Performance + + + + + +### Internationalization and Localization + + + + */} + + + +{/* +- [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/) +- [Add dark mode to Astro with Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/) +- [Add Github OAuth with Lucia](https://lucia-auth.com/guidebook/github-oauth/astro) +- [Add username and password authentication with Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/astro) - [Use a dynamic filename when importing images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/) +- [Add an RSS feed to Astro using Storyblok's stories](https://straffesites.com/en/blog/rss-feed-astro-storyblok) +- [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/) +- [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/) +- [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode) +- [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss) - [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) +- [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/) - [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) +- [Using tRPC in Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react) - [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/) +- [Generate localized sitemaps for your Astro and Storyblok project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok) +- [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) +- [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n) +*/} \ No newline at end of file From 2dc81c40176cb894d0fd76e3510e977f9a362dab Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 13:10:17 +0000 Subject: [PATCH 03/26] uncomment all the things for comparison --- .../docs/en/community-resources/content.mdx | 56 ++++++------------- 1 file changed, 17 insertions(+), 39 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 72e77e3c780e7..534b148391ac3 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -17,12 +17,11 @@ Courses and tutorials are focused on teaching you new concepts, often with exerc Check out the following courses and tutorials to learn more about Astro. - - - [Learn Astro](https://learnastro.dev/) by Chris Pennington (@CodingInPublic) - - [Build Modern Websites with Astro](https://astrocourse.dev/) by James Q Quick - - - + + ### Introductory Courses + - [Learn Astro](https://learnastro.dev/) + - [Build Modern Websites with Astro](https://astrocourse.dev/) + ### Video Tutorials - [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w) @@ -90,36 +89,6 @@ Explore community-produced recipes maintained by Astro users: - - -{/* - - - - - - - - */} - - -{/* ### CSS - */} + -{/* + +### CSS - [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/) - [Add dark mode to Astro with Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/) +### Authentication - [Add Github OAuth with Lucia](https://lucia-auth.com/guidebook/github-oauth/astro) - [Add username and password authentication with Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/astro) +### RSS - [Use a dynamic filename when importing images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/) - [Add an RSS feed to Astro using Storyblok's stories](https://straffesites.com/en/blog/rss-feed-astro-storyblok) - [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/) +### Images - [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/) +### Editor Tooling - [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode) - [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss) +### Animation - [Add animated page transitions with Swup](https://navillus.dev/blog/astro-plus-swup) +### Markdown - [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/) - [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/) +### Performance - [Enhance your Astro builds: modify HTML files post-build](https://straffesites.com/en/blog/optimize-astro-html-post-build) - [Setting up micro-frontends with Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520) +### Utilities - [Using tRPC in Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react) - [Integrating Sentry with Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/) - [Generate localized sitemaps for your Astro and Storyblok project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok) - [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) +### Internationalization and Localization - [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n) -*/} \ No newline at end of file From 27f947f68df6d56a8079b4fe05e2a175730f48f0 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 13:55:15 +0000 Subject: [PATCH 04/26] basic structure in place for community content page --- .../docs/en/community-resources/content.mdx | 238 +----------------- 1 file changed, 12 insertions(+), 226 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 534b148391ac3..ec7a1d9ee98ec 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -9,7 +9,7 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components'; import Card from '~/components/Landing/Card.astro' import ListCard from '~/components/Landing/ListCard.astro' -There's lots more content out there that can help you learn and build with Astro! Here is some content produced and maintained by the Astro community. All links are external and we don't guarantee anything here.... +PLACEHOLDER TEXT: There's lots more content out there that can help you learn and build with Astro! Here is some content produced and maintained by the Astro community. All links are external and we don't guarantee anything here.... ## Courses and Tutorials @@ -17,14 +17,17 @@ Courses and tutorials are focused on teaching you new concepts, often with exerc Check out the following courses and tutorials to learn more about Astro. - - ### Introductory Courses - - [Learn Astro](https://learnastro.dev/) - - [Build Modern Websites with Astro](https://astrocourse.dev/) + + - [Learn Astro by Chris Pennington](https://learnastro.dev/) + - [Build Modern Websites with Astro by James Q Quick](https://astrocourse.dev/) + - [Understanding Astro by Ohans Emmanuel](https://www.ohansemmanuel.com/books/understanding-astro) + + + ### Video Tutorials - [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) + - [Astro Quick Start Course: Build an SSR Blog](https://www.youtube.com/watch?v=XoIHKO6AkoM) - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w) - ## Recipes and Guides @@ -37,225 +40,6 @@ Other guides might explain concepts related to an area of content, such as using Explore community-produced recipes maintained by Astro users: - - - [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/) - - [Add dark mode to Astro with Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/) - - - - - [Add Github OAuth with Lucia](https://lucia-auth.com/guidebook/github-oauth/astro) - - [Add username and password authentication with Lucia](https://lucia-auth.com/guidebook/sign-in-with-username-and-password/astro) - - - - - [Add an RSS feed to Astro using Storyblok's stories](https://straffesites.com/en/blog/rss-feed-astro-storyblok) - - [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/) - - [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/) - - - - - [Use a dynamic filename when importing images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/) - - - - - [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode) - - [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss) - - - - - [Add animated page transitions with Swup](https://navillus.dev/blog/astro-plus-swup) - - - - - [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/) - - - - - [Enhance your Astro builds: modify HTML files post-build](https://straffesites.com/en/blog/optimize-astro-html-post-build) - - [Setting up micro-frontends with Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520) - - - - - [Using tRPC in Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react) - - [Integrating Sentry with Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/) - - [Generate localized sitemaps for your Astro and Storyblok project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok) - - [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) - - - - - [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n) - - - -### CSS - - - - - -### Authentication - - - - - -### RSS - - - - - - -### Images - - - - - -### Editor Tooling - - - - - -### Animation - - - - - -### Markdown - - - - - - -### Utilities - - - - - - - - -### Performance - - - - - -### Internationalization and Localization - - - - - - - ### CSS - [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/) @@ -286,6 +70,8 @@ Explore community-produced recipes maintained by Astro users: - [Integrating Sentry with Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/) - [Generate localized sitemaps for your Astro and Storyblok project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok) - [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) +- [Add searching to your site with Fuse.js](https://www.youtube.com/watch?v=XnV_2MWqAhQ) +- [Add a comments section to your Astro blog using Giscus](https://elazizi.com/posts/add-comments-section-to-your-astro-blog/) ### Internationalization and Localization - [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n) +- [Translate routes in Astro for content collections and subpages](https://www.webdesign-sopelnik.de/en/blog/translate-routes-for-astro-content-collections-or-subpages-with-trailingslash-and-base-support/) From 21bd1cb8ca27c4b627c557760f02220479050d12 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 13:57:15 +0000 Subject: [PATCH 05/26] added tip --- src/content/docs/en/community-resources/content.mdx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index ec7a1d9ee98ec..0243a65239495 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -11,6 +11,10 @@ import ListCard from '~/components/Landing/ListCard.astro' PLACEHOLDER TEXT: There's lots more content out there that can help you learn and build with Astro! Here is some content produced and maintained by the Astro community. All links are external and we don't guarantee anything here.... +:::tip[Add your own!] +Have you produced educational content about Astro? +Open a PR adding a link to this page! +::: ## Courses and Tutorials Courses and tutorials are focused on teaching you new concepts, often with exercises or sample projects to build. These are a great way to learn new concepts and give you the tools you need for working on your own Astro project. From 3f65e19430ce5cd01fbc62605de8863ea6758b80 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 15:56:29 +0000 Subject: [PATCH 06/26] committed some more content --- .../docs/en/community-resources/content.mdx | 7 +++++-- .../docs/en/community-resources/talks.mdx | 16 +++++++++++++++- 2 files changed, 20 insertions(+), 3 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 0243a65239495..2cc0d0b0cde73 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -22,8 +22,9 @@ Courses and tutorials are focused on teaching you new concepts, often with exerc Check out the following courses and tutorials to learn more about Astro. - - [Learn Astro by Chris Pennington](https://learnastro.dev/) - - [Build Modern Websites with Astro by James Q Quick](https://astrocourse.dev/) + - [Astro Web Framework Crash Course on freeCodeCamp](https://www.youtube.com/watch?v=e-hTm5VmofI) + - [Learn Astro by Chris Pennington Paid](https://learnastro.dev/) + - [Build Modern Websites with Astro by James Q Quick Paid](https://astrocourse.dev/) - [Understanding Astro by Ohans Emmanuel](https://www.ohansemmanuel.com/books/understanding-astro) @@ -32,6 +33,8 @@ Check out the following courses and tutorials to learn more about Astro. - [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) - [Astro Quick Start Course: Build an SSR Blog](https://www.youtube.com/watch?v=XoIHKO6AkoM) - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w) + - [You may not actually understand Content Collections](https://www.youtube.com/watch?v=kwqlP6Pe0SI) + - [Everything You Need to Know about Astro](https://www.youtube.com/watch?v=rRxuVOutmFQ) ## Recipes and Guides diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index bd12db103b02d..30316eda5170c 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -8,13 +8,27 @@ import Badge from '~/components/Badge.astro'; Want to watch/listen to stuff? Some good things are listed here. For even more updated regularly, see this YouTube playlist, read our blog, subscribe to our monthly newsletter... +## About Astro + +- [Astro in 100 Seconds](https://www.youtube.com/watch?v=dsTXcSeAZq8) by Fireship +- [Why I'll choose Astro (almost) every time in 2024](https://www.youtube.com/watch?v=kssIEqSJeMI) by Jason Lengstorf +- [What is Astro?](https://www.youtube.com/watch?v=oQDErNNzdwU) by Kodaps Academy +- [Islands Architecture | Astro Islands Simply Explained](https://www.youtube.com/watch?v=kwqlP6Pe0SI) by ExcaliBear Codes + ## Conference Talks -- Here is a talk Astro Team Member +- [View Transitions: Fact vs. Fiction](https://www.youtube.com/watch?v=iT-3amHK7tA&list=PLqGQbXn_GDmkOsHI7-Wrbv1GgAA4tJZhg&index=29) by Fred Schott at ViteConf 2023Astro Team Member - Here is another talk - ## Interviews and podcasts +- [Does Astro make heavy JS frameworks obsolete?](https://www.youtube.com/watch?v=4Ohi9G-RCcE) with Fred K. Schott on Learn with Jason +- [Coffee Chat about all things Astro](https://www.youtube.com/watch?v=3eyedOP83) with Matthew Phillips on WebStorm Webinar +- [Astro and MDX for digital gardening](https://podrocket.logrocket.com/astro-mdx-kathleen-mcmahon) with Kathleen McMahon on PodRocket +- [Decoding the Astro Web Framework](https://www.youtube.com/watch?v=4PKT8x78yOQ) with Chris Pennington on Code Ryan + ## Livestream coding sessions +- [Building faster websites with Astro](https://www.youtube.com/watch?v=0eka27P4Pr4) with Cassidy Williams + From 261afd306176b7db97305ebc1237938abc3f6c04 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 19:59:30 +0000 Subject: [PATCH 07/26] finish adding content and rework placeholder text --- .../docs/en/community-resources/content.mdx | 16 ++++++++++------ .../docs/en/community-resources/talks.mdx | 19 ++++++++++++++----- 2 files changed, 24 insertions(+), 11 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 2cc0d0b0cde73..2647a77029f72 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -9,7 +9,9 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components'; import Card from '~/components/Landing/Card.astro' import ListCard from '~/components/Landing/ListCard.astro' -PLACEHOLDER TEXT: There's lots more content out there that can help you learn and build with Astro! Here is some content produced and maintained by the Astro community. All links are external and we don't guarantee anything here.... +There is so much more out there that can help you learn and build with Astro! Here is some educational content produced and maintained by the Astro community that can help you learn and build with Astro. + +All links are external, and may be based on earlier versions of Astro. Be sure to check the date on any community content, and adapt to your project accordingly! :::tip[Add your own!] Have you produced educational content about Astro? @@ -21,13 +23,12 @@ Courses and tutorials are focused on teaching you new concepts, often with exerc Check out the following courses and tutorials to learn more about Astro. - +### Introductory Tutorials - [Astro Web Framework Crash Course on freeCodeCamp](https://www.youtube.com/watch?v=e-hTm5VmofI) - - [Learn Astro by Chris Pennington Paid](https://learnastro.dev/) - - [Build Modern Websites with Astro by James Q Quick Paid](https://astrocourse.dev/) + - [Learn Astro by Chris Pennington](https://learnastro.dev/) + - [Build Modern Websites with Astro by James Q Quick](https://astrocourse.dev/) - [Understanding Astro by Ohans Emmanuel](https://www.ohansemmanuel.com/books/understanding-astro) - - + - [Astro Crash Course in 60 minutes by @developedbyed](https://www.youtube.com/watch?v=NniT0vKyn-E) ### Video Tutorials - [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) @@ -35,6 +36,9 @@ Check out the following courses and tutorials to learn more about Astro. - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w) - [You may not actually understand Content Collections](https://www.youtube.com/watch?v=kwqlP6Pe0SI) - [Everything You Need to Know about Astro](https://www.youtube.com/watch?v=rRxuVOutmFQ) + - [Build a custom blog platform with Astro and Apprwrite](https://www.youtube.com/watch?v=OERqwLy_reA) + - [Astro JS Portfolio Crash Course](https://www.youtube.com/watch?v=TwWvNK0yHjI) + - [Build a full stack blog with Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec) ## Recipes and Guides diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index 30316eda5170c..c1830b9663c88 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -6,29 +6,38 @@ i18nReady: true import Badge from '~/components/Badge.astro'; -Want to watch/listen to stuff? Some good things are listed here. For even more updated regularly, see this YouTube playlist, read our blog, subscribe to our monthly newsletter... +Here are some of our favourite community videos to introduce you to Astro! + +For more Astro content, check out [the official Astro Blog](https://astro.build/blog/) where we recap the best community content of each month! ## About Astro - [Astro in 100 Seconds](https://www.youtube.com/watch?v=dsTXcSeAZq8) by Fireship - [Why I'll choose Astro (almost) every time in 2024](https://www.youtube.com/watch?v=kssIEqSJeMI) by Jason Lengstorf +- [I tried Astro and I LOVE IT - 5 reasons you will too!](https://www.youtube.com/watch?v=wND4lSml31A) by James Q Quick - [What is Astro?](https://www.youtube.com/watch?v=oQDErNNzdwU) by Kodaps Academy - [Islands Architecture | Astro Islands Simply Explained](https://www.youtube.com/watch?v=kwqlP6Pe0SI) by ExcaliBear Codes +- [Is Astro A Game Changer For Nuxt and Vue Developers?](https://www.youtube.com/watch?v=Sq7eKxPqfSo) by Program with Erik +- [How Astro made my site 100x faster](https://www.youtube.com/watch?v=cOxA3kMYtkM) by James Perkins ## Conference Talks -- [View Transitions: Fact vs. Fiction](https://www.youtube.com/watch?v=iT-3amHK7tA&list=PLqGQbXn_GDmkOsHI7-Wrbv1GgAA4tJZhg&index=29) by Fred Schott at ViteConf 2023Astro Team Member -- Here is another talk -- +- [View Transitions: Fact vs. Fiction](https://www.youtube.com/watch?v=iT-3amHK7tA&list=PLqGQbXn_GDmkOsHI7-Wrbv1GgAA4tJZhg&index=29) by Fred Schott at ViteConf 2023 +- [Bringing React into your content sites with Astro](https://www.youtube.com/watch?v=Fouws8iKPKQ) by Matthew Phillips at Future Frontend 2023 +- [All Things Astro](https://www.youtube.com/watch?v=WKXHFIulZ9g) by Elian Van Cutsem, React Day Berlin 2023 ## Interviews and podcasts - [Does Astro make heavy JS frameworks obsolete?](https://www.youtube.com/watch?v=4Ohi9G-RCcE) with Fred K. Schott on Learn with Jason - [Coffee Chat about all things Astro](https://www.youtube.com/watch?v=3eyedOP83) with Matthew Phillips on WebStorm Webinar +- [Snowpack, Astro](https://www.devtools.fm/episode/14) with Fred K. Schott on devtools.fm - [Astro and MDX for digital gardening](https://podrocket.logrocket.com/astro-mdx-kathleen-mcmahon) with Kathleen McMahon on PodRocket - [Decoding the Astro Web Framework](https://www.youtube.com/watch?v=4PKT8x78yOQ) with Chris Pennington on Code Ryan + ## Livestream coding sessions - [Building faster websites with Astro](https://www.youtube.com/watch?v=0eka27P4Pr4) with Cassidy Williams - +- [Astro SSR and building a Hackernews demo](https://www.youtube.com/watch?v=2ZEMb_H-LYE) with Fred K. Schott and Ryan Carnito +- [Astro site rebuild](https://www.youtube.com/watch?v=VDGEpachpwc) with Chris Pennington +- [Building Astro 3](https://www.youtube.com/watch?v=2zhYwg_nBqQ) with Matthew Phillips and Ryan Carnito \ No newline at end of file From 5a4fdf9262470c6a47180b5a3b8845f51c3fce1a Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 16:32:51 -0400 Subject: [PATCH 08/26] typo fix! Co-authored-by: voxel!() --- src/content/docs/en/recipes.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/recipes.mdx b/src/content/docs/en/recipes.mdx index e9469221fafc1..c06fbd00fd850 100644 --- a/src/content/docs/en/recipes.mdx +++ b/src/content/docs/en/recipes.mdx @@ -18,4 +18,4 @@ See guided examples of adding features to your Astro project. import ReadMore from '~/components/ReadMore.astro' -See even more recipes written and maintained by the communty in our [community recipes and guides](/en/community-resources/content/#recipes-and-guides) +See even more recipes written and maintained by the community in our [community recipes and guides](/en/community-resources/content/#recipes-and-guides) From c33e762ebaa6b77436fc709a30c88648ae6c44c3 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 16:33:50 -0400 Subject: [PATCH 09/26] capitalization Co-authored-by: voxel!() --- src/content/docs/en/community-resources/talks.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index c1830b9663c88..ad651106fa030 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -20,7 +20,7 @@ For more Astro content, check out [the official Astro Blog](https://astro.build/ - [Is Astro A Game Changer For Nuxt and Vue Developers?](https://www.youtube.com/watch?v=Sq7eKxPqfSo) by Program with Erik - [How Astro made my site 100x faster](https://www.youtube.com/watch?v=cOxA3kMYtkM) by James Perkins -## Conference Talks +## Conference talks - [View Transitions: Fact vs. Fiction](https://www.youtube.com/watch?v=iT-3amHK7tA&list=PLqGQbXn_GDmkOsHI7-Wrbv1GgAA4tJZhg&index=29) by Fred Schott at ViteConf 2023 - [Bringing React into your content sites with Astro](https://www.youtube.com/watch?v=Fouws8iKPKQ) by Matthew Phillips at Future Frontend 2023 From d69ddf77db829a5c564c720efc54c05bf6a65987 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 19 Jan 2024 17:49:34 -0400 Subject: [PATCH 10/26] add link to community events calendar --- src/content/docs/en/community-resources/talks.mdx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index ad651106fa030..2e51982a0aeb5 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -8,7 +8,11 @@ import Badge from '~/components/Badge.astro'; Here are some of our favourite community videos to introduce you to Astro! -For more Astro content, check out [the official Astro Blog](https://astro.build/blog/) where we recap the best community content of each month! +For more Astro content, check out [the official Astro Blog](https://astro.build/blog/) where we recap the best community content of each month. + +:::tip +Subscribe to [the Astro Community Events Google Calendar](https://calendar.google.com/calendar/embed?src=c_g6re3u5gkl0mug3ktn1dibqhfk%40group.calendar.google.com) and never miss a live online event! +::: ## About Astro From 204cb85f46dc4a1e797253a4cca8c5609b758cd6 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Tue, 23 Jan 2024 14:59:39 +0000 Subject: [PATCH 11/26] add new recipe, plus placeholder link for newsletter signup --- src/content/docs/en/community-resources/content.mdx | 1 + src/content/docs/en/community-resources/talks.mdx | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 2647a77029f72..542ecefed6a3e 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -64,6 +64,7 @@ Explore community-produced recipes maintained by Astro users: - [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/) ### Images - [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/) +- [Generate Open Graph images for an Astro blog](https://techsquidtv.com/blog/generating-open-graph-images-for-astro/) ### Editor Tooling - [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode) - [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss) diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index 2e51982a0aeb5..56e4992e87c53 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -8,7 +8,7 @@ import Badge from '~/components/Badge.astro'; Here are some of our favourite community videos to introduce you to Astro! -For more Astro content, check out [the official Astro Blog](https://astro.build/blog/) where we recap the best community content of each month. +For more Astro content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter) where we recap the best community content of each month. :::tip Subscribe to [the Astro Community Events Google Calendar](https://calendar.google.com/calendar/embed?src=c_g6re3u5gkl0mug3ktn1dibqhfk%40group.calendar.google.com) and never miss a live online event! From 353e284fa76a524fd55b7ed0ae34c723c0afc24b Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Tue, 23 Jan 2024 15:20:51 +0000 Subject: [PATCH 12/26] focus on contributing recipes --- .../docs/en/community-resources/content.mdx | 14 +++++++------- src/content/docs/en/community-resources/talks.mdx | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 542ecefed6a3e..ce6d6c30a741d 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -11,12 +11,10 @@ import ListCard from '~/components/Landing/ListCard.astro' There is so much more out there that can help you learn and build with Astro! Here is some educational content produced and maintained by the Astro community that can help you learn and build with Astro. -All links are external, and may be based on earlier versions of Astro. Be sure to check the date on any community content, and adapt to your project accordingly! +All links are external, and may be based on earlier versions of Astro. Be sure to check the date on any community content, and adapt to your project accordingly + +For more Astro content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter) where we recap the best community content of each month. -:::tip[Add your own!] -Have you produced educational content about Astro? -Open a PR adding a link to this page! -::: ## Courses and Tutorials Courses and tutorials are focused on teaching you new concepts, often with exercises or sample projects to build. These are a great way to learn new concepts and give you the tools you need for working on your own Astro project. @@ -45,11 +43,13 @@ Check out the following courses and tutorials to learn more about Astro. See guided examples of adding features to your Astro project, submitted by our community members! -Recipes are typically short, focused how-to guides that walk a reader through completing a working example of a specific task. Recipes are a great way to add new features or behavior to your Astro project by following step-by-step instructions! +[Astro recipes](https://contribute.docs.astro.build/guides/recipe-writing/#is-my-guide-a-recipe) are typically short, focused how-to guides that walk a reader through completing a working example of a specific task. Recipes are a great way to add new features or behavior to your Astro project by following step-by-step instructions! Other guides might explain concepts related to an area of content, such as using images or working with MDX. -Explore community-produced recipes maintained by Astro users: +:::tip[Add your own!] +Have you written a recipe for Astro? [Edit this page](https://github.com/withastro/docs/edit/main/src/content/docs/en/community-resources/content.mdx) and add your link in the appropriate section! +::: ### CSS diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index 56e4992e87c53..d709e2ae224a5 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -11,7 +11,7 @@ Here are some of our favourite community videos to introduce you to Astro! For more Astro content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter) where we recap the best community content of each month. :::tip -Subscribe to [the Astro Community Events Google Calendar](https://calendar.google.com/calendar/embed?src=c_g6re3u5gkl0mug3ktn1dibqhfk%40group.calendar.google.com) and never miss a live online event! +Subscribe to [the Astro Community Events Google Calendar](https://calendar.google.com/calendar/embed?src=c_g6re3u5gkl0mug3ktn1dibqhfk%40group.calendar.google.com) and never miss a live event! ::: ## About Astro From 23b96af6fa6b2143e577f832026a77644463dcd2 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Tue, 23 Jan 2024 15:27:27 +0000 Subject: [PATCH 13/26] educational content --- src/content/docs/en/community-resources/content.mdx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index ce6d6c30a741d..586513f1709e5 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -1,6 +1,6 @@ --- -title: Community Content -description: Discover community-produced guides, articles and videos to help you learn and build with Astro! +title: Community Educational Content +description: Discover community-produced tutorials, guides, articles and videos to help you learn and build with Astro! i18nReady: false --- @@ -9,11 +9,11 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components'; import Card from '~/components/Landing/Card.astro' import ListCard from '~/components/Landing/ListCard.astro' -There is so much more out there that can help you learn and build with Astro! Here is some educational content produced and maintained by the Astro community that can help you learn and build with Astro. +There is so much more out there that can help you learn and build with Astro! Here is some educational content produced and maintained by the Astro community. -All links are external, and may be based on earlier versions of Astro. Be sure to check the date on any community content, and adapt to your project accordingly +All links are external, and may be based on earlier versions of Astro. Be sure to check the date on any community content, and adapt to your project accordingly. -For more Astro content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter) where we recap the best community content of each month. +For more Astro educational content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter) where we recap the best community content of each month. ## Courses and Tutorials From 2b35002ec5fbe8db98af22eca8a0fcf9b955ec84 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Thu, 25 Jan 2024 13:41:01 -0400 Subject: [PATCH 14/26] removed unused imports Co-authored-by: Reuben Tier <64310361+TheOtterlord@users.noreply.github.com> --- src/content/docs/en/community-resources/content.mdx | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 586513f1709e5..cee179691ab1b 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -5,9 +5,6 @@ i18nReady: false --- import Badge from '~/components/Badge.astro'; -import { CardGrid, LinkCard } from '@astrojs/starlight/components'; -import Card from '~/components/Landing/Card.astro' -import ListCard from '~/components/Landing/ListCard.astro' There is so much more out there that can help you learn and build with Astro! Here is some educational content produced and maintained by the Astro community. From c26502f2072e3e44503662cb670ece218239ef93 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Thu, 25 Jan 2024 15:34:21 -0400 Subject: [PATCH 15/26] final newsletter links! Co-authored-by: Elian --- src/content/docs/en/community-resources/content.mdx | 2 +- src/content/docs/en/community-resources/talks.mdx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index cee179691ab1b..85e2f00e65317 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -10,7 +10,7 @@ There is so much more out there that can help you learn and build with Astro! He All links are external, and may be based on earlier versions of Astro. Be sure to check the date on any community content, and adapt to your project accordingly. -For more Astro educational content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter) where we recap the best community content of each month. +For more Astro educational content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter/signup) where we recap the best community content of each month. ## Courses and Tutorials diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index d709e2ae224a5..312d77e085d9f 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -8,7 +8,7 @@ import Badge from '~/components/Badge.astro'; Here are some of our favourite community videos to introduce you to Astro! -For more Astro content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter) where we recap the best community content of each month. +For more Astro content, check out [the Astro Blog](https://astro.build/blog/) or sign up for [the official Astro newsletter](https://astro.build/newsletter/signup) where we recap the best community content of each month. :::tip Subscribe to [the Astro Community Events Google Calendar](https://calendar.google.com/calendar/embed?src=c_g6re3u5gkl0mug3ktn1dibqhfk%40group.calendar.google.com) and never miss a live event! From 8cd991dbed1346657fbd40e444f600e0df65ab71 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Thu, 25 Jan 2024 19:49:14 -0400 Subject: [PATCH 16/26] update recipes link to more recipes page --- src/content/docs/en/community-resources/content.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 85e2f00e65317..1bd169b896a86 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -40,7 +40,7 @@ Check out the following courses and tutorials to learn more about Astro. See guided examples of adding features to your Astro project, submitted by our community members! -[Astro recipes](https://contribute.docs.astro.build/guides/recipe-writing/#is-my-guide-a-recipe) are typically short, focused how-to guides that walk a reader through completing a working example of a specific task. Recipes are a great way to add new features or behavior to your Astro project by following step-by-step instructions! +[Astro recipes](/en/recipes/) are typically short, focused how-to guides that walk a reader through completing a working example of a specific task. Recipes are a great way to add new features or behavior to your Astro project by following step-by-step instructions! Other guides might explain concepts related to an area of content, such as using images or working with MDX. From 33fbe9645ba062049e67b078b3d2cd3f4f2c6525 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 07:01:32 -0400 Subject: [PATCH 17/26] update links based on feedback --- src/content/docs/en/community-resources/content.mdx | 12 +++++------- src/content/docs/en/community-resources/talks.mdx | 2 +- 2 files changed, 6 insertions(+), 8 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 1bd169b896a86..343c3f180c91e 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -19,11 +19,11 @@ Courses and tutorials are focused on teaching you new concepts, often with exerc Check out the following courses and tutorials to learn more about Astro. ### Introductory Tutorials - - [Astro Web Framework Crash Course on freeCodeCamp](https://www.youtube.com/watch?v=e-hTm5VmofI) - - [Learn Astro by Chris Pennington](https://learnastro.dev/) - - [Build Modern Websites with Astro by James Q Quick](https://astrocourse.dev/) - - [Understanding Astro by Ohans Emmanuel](https://www.ohansemmanuel.com/books/understanding-astro) - - [Astro Crash Course in 60 minutes by @developedbyed](https://www.youtube.com/watch?v=NniT0vKyn-E) + - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) on freeCodeCamp + - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by @CodingInPublic / Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) + - [Astro 3.0 Crash Course (View Transitions, Image, Content Collections, and More!)](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course [Build Modern Websites with Astro](https://astrocourse.dev/) + - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) by @developedbyed + - [Understanding Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) by Ohans Emmanuel ### Video Tutorials - [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) @@ -65,8 +65,6 @@ Have you written a recipe for Astro? [Edit this page](https://github.com/withast ### Editor Tooling - [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode) - [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss) -### Animation -- [Add animated page transitions with Swup](https://navillus.dev/blog/astro-plus-swup) ### Markdown - [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/) diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index 312d77e085d9f..6a173b9d18953 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -33,7 +33,7 @@ Subscribe to [the Astro Community Events Google Calendar](https://calendar.googl ## Interviews and podcasts - [Does Astro make heavy JS frameworks obsolete?](https://www.youtube.com/watch?v=4Ohi9G-RCcE) with Fred K. Schott on Learn with Jason -- [Coffee Chat about all things Astro](https://www.youtube.com/watch?v=3eyedOP83) with Matthew Phillips on WebStorm Webinar +- [Coffee Chat about all things Astro](https://www.youtube.com/watch?v=3eyedOP83fw) with Matthew Phillips on WebStorm Webinar - [Snowpack, Astro](https://www.devtools.fm/episode/14) with Fred K. Schott on devtools.fm - [Astro and MDX for digital gardening](https://podrocket.logrocket.com/astro-mdx-kathleen-mcmahon) with Kathleen McMahon on PodRocket - [Decoding the Astro Web Framework](https://www.youtube.com/watch?v=4PKT8x78yOQ) with Chris Pennington on Code Ryan From 93cb484ae2350b6a108a48c09370d62aa1e9b822 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 07:44:45 -0400 Subject: [PATCH 18/26] punctuation --- src/content/docs/en/community-resources/content.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 343c3f180c91e..57819c5ddc39a 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -21,7 +21,7 @@ Check out the following courses and tutorials to learn more about Astro. ### Introductory Tutorials - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) on freeCodeCamp - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by @CodingInPublic / Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) - - [Astro 3.0 Crash Course (View Transitions, Image, Content Collections, and More!)](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course [Build Modern Websites with Astro](https://astrocourse.dev/) + - [Astro 3.0 Crash Course (View Transitions, Image, Content Collections, and More!)](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course [Build Modern Websites with Astro](https://astrocourse.dev/)) - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) by @developedbyed - [Understanding Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) by Ohans Emmanuel From 635be1db93695bc6ceec014d5016bfcdd2336fcb Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 07:46:21 -0400 Subject: [PATCH 19/26] shorten lines --- src/content/docs/en/community-resources/content.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 57819c5ddc39a..016c420edae57 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -20,8 +20,8 @@ Check out the following courses and tutorials to learn more about Astro. ### Introductory Tutorials - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) on freeCodeCamp - - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by @CodingInPublic / Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) - - [Astro 3.0 Crash Course (View Transitions, Image, Content Collections, and More!)](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course [Build Modern Websites with Astro](https://astrocourse.dev/)) + - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) + - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course [Build Modern Websites with Astro](https://astrocourse.dev/)) - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) by @developedbyed - [Understanding Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) by Ohans Emmanuel From 58286c0c7956267736b6be6e28f2431bcbbede6f Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 07:47:02 -0400 Subject: [PATCH 20/26] formatting consistency --- src/content/docs/en/community-resources/content.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 016c420edae57..d9959b628c488 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -20,8 +20,8 @@ Check out the following courses and tutorials to learn more about Astro. ### Introductory Tutorials - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) on freeCodeCamp - - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) - - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course [Build Modern Websites with Astro](https://astrocourse.dev/)) + - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) + - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course: [Build Modern Websites with Astro](https://astrocourse.dev/)) - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) by @developedbyed - [Understanding Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) by Ohans Emmanuel From 17756d3f6c20d7dceb544f7fe1dc251df08f905f Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 08:31:17 -0400 Subject: [PATCH 21/26] consistency fix --- src/content/docs/en/community-resources/content.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index d9959b628c488..a7b5bf9ed145a 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -19,7 +19,7 @@ Courses and tutorials are focused on teaching you new concepts, often with exerc Check out the following courses and tutorials to learn more about Astro. ### Introductory Tutorials - - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) on freeCodeCamp + - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) by freeCodeCamp - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course: [Build Modern Websites with Astro](https://astrocourse.dev/)) - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) by @developedbyed From 1e828c0a66f8b4bf7eafd998e1ccc59040ff0e99 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 08:32:56 -0400 Subject: [PATCH 22/26] remove blank line. Alex Nguyen would be proud! --- src/content/docs/en/community-resources/content.mdx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index a7b5bf9ed145a..de5fcde71ecb6 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -48,7 +48,6 @@ Other guides might explain concepts related to an area of content, such as using Have you written a recipe for Astro? [Edit this page](https://github.com/withastro/docs/edit/main/src/content/docs/en/community-resources/content.mdx) and add your link in the appropriate section! ::: - ### CSS - [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/) - [Add dark mode to Astro with Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/) From f340347da47f8cfac83bb320d965e23278acdef4 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 08:34:36 -0400 Subject: [PATCH 23/26] remove bunch of blank lines --- src/content/docs/en/community-resources/content.mdx | 1 - src/content/docs/en/community-resources/talks.mdx | 1 - src/content/docs/en/recipes.mdx | 1 - src/i18n/en/nav.ts | 2 -- 4 files changed, 5 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index de5fcde71ecb6..90c07f9761767 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -35,7 +35,6 @@ Check out the following courses and tutorials to learn more about Astro. - [Astro JS Portfolio Crash Course](https://www.youtube.com/watch?v=TwWvNK0yHjI) - [Build a full stack blog with Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec) - ## Recipes and Guides See guided examples of adding features to your Astro project, submitted by our community members! diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index 6a173b9d18953..f4c32a188c3b8 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -38,7 +38,6 @@ Subscribe to [the Astro Community Events Google Calendar](https://calendar.googl - [Astro and MDX for digital gardening](https://podrocket.logrocket.com/astro-mdx-kathleen-mcmahon) with Kathleen McMahon on PodRocket - [Decoding the Astro Web Framework](https://www.youtube.com/watch?v=4PKT8x78yOQ) with Chris Pennington on Code Ryan - ## Livestream coding sessions - [Building faster websites with Astro](https://www.youtube.com/watch?v=0eka27P4Pr4) with Cassidy Williams diff --git a/src/content/docs/en/recipes.mdx b/src/content/docs/en/recipes.mdx index c06fbd00fd850..830f914041dcd 100644 --- a/src/content/docs/en/recipes.mdx +++ b/src/content/docs/en/recipes.mdx @@ -17,5 +17,4 @@ See guided examples of adding features to your Astro project. import ReadMore from '~/components/ReadMore.astro' - See even more recipes written and maintained by the community in our [community recipes and guides](/en/community-resources/content/#recipes-and-guides) diff --git a/src/i18n/en/nav.ts b/src/i18n/en/nav.ts index 58e5808d636d8..d0170bb391251 100644 --- a/src/i18n/en/nav.ts +++ b/src/i18n/en/nav.ts @@ -173,5 +173,3 @@ export default [ ] as const; - - From 3065007a8cfa0bf9a876ebc6b356d571da43e455 Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 08:47:13 -0400 Subject: [PATCH 24/26] fix links --- src/content/docs/en/community-resources/content.mdx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 90c07f9761767..d546ed59b5ccf 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -22,15 +22,14 @@ Check out the following courses and tutorials to learn more about Astro. - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) by freeCodeCamp - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course: [Build Modern Websites with Astro](https://astrocourse.dev/)) + - [Everything You Need to Know about Astro](https://www.youtube.com/watch?v=rRxuVOutmFQ) by @awesome - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) by @developedbyed - [Understanding Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) by Ohans Emmanuel ### Video Tutorials - - [Astro Crash Course in 20 minutes!](https://www.youtube.com/watch?v=zrPVTf761OI) - [Astro Quick Start Course: Build an SSR Blog](https://www.youtube.com/watch?v=XoIHKO6AkoM) - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w) - - [You may not actually understand Content Collections](https://www.youtube.com/watch?v=kwqlP6Pe0SI) - - [Everything You Need to Know about Astro](https://www.youtube.com/watch?v=rRxuVOutmFQ) + - [You may not ACTUALLY understand Content Collections…](https://www.youtube.com/watch?v=Fcw4c3wzm7I) - [Build a custom blog platform with Astro and Apprwrite](https://www.youtube.com/watch?v=OERqwLy_reA) - [Astro JS Portfolio Crash Course](https://www.youtube.com/watch?v=TwWvNK0yHjI) - [Build a full stack blog with Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec) From 7a37a19916a8d452fc9abd593bd98d48ab40a96c Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 08:50:15 -0400 Subject: [PATCH 25/26] move one video to another page --- src/content/docs/en/community-resources/content.mdx | 1 - src/content/docs/en/community-resources/talks.mdx | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index d546ed59b5ccf..5aa17294ae01e 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -22,7 +22,6 @@ Check out the following courses and tutorials to learn more about Astro. - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) by freeCodeCamp - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) by Chris Pennington (full paid course: [Learn Astro](https://learnastro.dev/)) - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) by James Q Quick (full paid course: [Build Modern Websites with Astro](https://astrocourse.dev/)) - - [Everything You Need to Know about Astro](https://www.youtube.com/watch?v=rRxuVOutmFQ) by @awesome - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) by @developedbyed - [Understanding Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) by Ohans Emmanuel diff --git a/src/content/docs/en/community-resources/talks.mdx b/src/content/docs/en/community-resources/talks.mdx index f4c32a188c3b8..b8be383607fad 100644 --- a/src/content/docs/en/community-resources/talks.mdx +++ b/src/content/docs/en/community-resources/talks.mdx @@ -20,6 +20,7 @@ Subscribe to [the Astro Community Events Google Calendar](https://calendar.googl - [Why I'll choose Astro (almost) every time in 2024](https://www.youtube.com/watch?v=kssIEqSJeMI) by Jason Lengstorf - [I tried Astro and I LOVE IT - 5 reasons you will too!](https://www.youtube.com/watch?v=wND4lSml31A) by James Q Quick - [What is Astro?](https://www.youtube.com/watch?v=oQDErNNzdwU) by Kodaps Academy +- [Everything You Need to Know about Astro](https://www.youtube.com/watch?v=rRxuVOutmFQ) by @awesome - [Islands Architecture | Astro Islands Simply Explained](https://www.youtube.com/watch?v=kwqlP6Pe0SI) by ExcaliBear Codes - [Is Astro A Game Changer For Nuxt and Vue Developers?](https://www.youtube.com/watch?v=Sq7eKxPqfSo) by Program with Erik - [How Astro made my site 100x faster](https://www.youtube.com/watch?v=cOxA3kMYtkM) by James Perkins From 3d4fa4d035514fb2a893ae630836bc144d82318e Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Fri, 26 Jan 2024 10:13:14 -0400 Subject: [PATCH 26/26] no mercy for the translators! --- src/content/docs/en/community-resources/content.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/community-resources/content.mdx b/src/content/docs/en/community-resources/content.mdx index 5aa17294ae01e..33e9bb780a02e 100644 --- a/src/content/docs/en/community-resources/content.mdx +++ b/src/content/docs/en/community-resources/content.mdx @@ -1,7 +1,7 @@ --- title: Community Educational Content description: Discover community-produced tutorials, guides, articles and videos to help you learn and build with Astro! -i18nReady: false +i18nReady: true --- import Badge from '~/components/Badge.astro';