revert

.github/workflows/community-content.yaml

@@ -2,9 +2,9 @@ name: Create Community Content
 
 on:
   workflow_dispatch:
-  # pull_request:
-  #   paths:
-  #     - "src/content/resources/**.json"
+  pull_request:
+    paths:
+      - "src/content/resources/**.json"
 
 permissions:
   contents: write

.vscode/settings.json

@@ -12,8 +12,5 @@
   "[json]": {
     "editor.defaultFormatter": "biomejs.biome"
   },
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "[typescript]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  }
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

astro.config.ts

@@ -9,7 +9,6 @@ export default defineConfig({
 	redirects: {
 		'/recipes/how-to-add-gsap': '/tips/how-to-add-gsap',
 		'/contributing': '/#want-to-get-involved',
-		'/resources/educational': '/external-resources',
 	},
 	experimental: {
 		contentCollectionJsonSchema: true,
@@ -56,9 +55,11 @@ export default defineConfig({
 					},
 				},
 				{
-					label: 'External resources',
-					badge: 'Updated',
-					link: '/external-resources',
+					label: 'Resources',
+					badge: 'New',
+					autogenerate: {
+						directory: 'resources',
+					},
 				},
 			],
 			components: {

src/components/ResourceCards.astro

@@ -0,0 +1,40 @@
+---
+import { getCollection } from "astro:content";
+
+import { CardGrid, LinkCard } from "@astrojs/starlight/components";
+
+interface Props {
+  category:
+    | "css"
+    | "auth"
+    | "rss"
+    | "images"
+    | "editor"
+    | "markdown"
+    | "performance"
+    | "utilities"
+    | "animation"
+    | "i18n"
+    | "db"
+    | "deploy"
+    | "view-transitions"
+    | "3rd-party";
+}
+
+const { category } = Astro.props;
+const allResources = await getCollection("resources", ({ data }) => {
+  return data.category === category;
+});
+---
+
+<CardGrid>
+  {
+    allResources.map((r) => (
+      <LinkCard
+        title={r.data.title}
+        description={r.data.description ?? ""}
+        href={r.data.link}
+      />
+    ))
+  }
+</CardGrid>

src/content/config.ts

@@ -28,7 +28,23 @@ const starlightSchema = defineCollection({
 const resourcesSchema = defineCollection({
 	type: 'data',
 	schema: z.object({
-		tags: z.array(z.string()),
+		category: z.enum([
+			'css',
+			'auth',
+			'rss',
+			'images',
+			'editor',
+			'markdown',
+			'performance',
+			'utilities',
+			'animation',
+			'i18n',
+			'db',
+			'deploy',
+			'view-transitions',
+			'3rd-party',
+			'migration',
+		]),
 		title: z.string(),
 		link: z.string(),
 		description: z.string().optional(),

src/content/docs/resources/educational.mdx

@@ -0,0 +1,75 @@
+---
+title: Community Resources
+---
+
+import ResourceCards from '~/components/ResourceCards.astro'
+
+See guided examples of adding features to your Astro project, submitted by our community members!
+
+[Astro recipes](https://docs.astro.build/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.
+
+{/* :::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
+
+<ResourceCards category='css'/>
+
+### Authentication
+
+<ResourceCards category='auth'/>
+
+### RSS
+
+<ResourceCards category='rss'/>
+
+### Images
+
+<ResourceCards category='images'/>
+
+### Editor Tooling
+
+<ResourceCards category='editor'/>
+
+### Markdown
+
+<ResourceCards category='markdown'/>
+
+### Performance
+
+<ResourceCards category='performance'/>
+
+### Utilities
+
+<ResourceCards category='utilities'/>
+
+### Animation
+
+<ResourceCards category='animation'/>
+
+### Internationalization and Localization
+
+<ResourceCards category='i18n'/>
+
+### Astro DB
+
+<ResourceCards category='db'/>
+
+### Deploy
+
+<ResourceCards category='deploy'/>
+
+### View transitions
+
+<ResourceCards category='view-transitions'/>
+
+### Integrating with 3rd-party services
+
+<ResourceCards category='3rd-party'/>
+
+### Migrations
+
+<ResourceCards category='migration'/>

src/content/resources/astro-db-migrating-analytics-postgres.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["db"],
+  "category": "db",
   "title": "Astro DB: Migrating my analytics data from Vercel Postgres",
   "link": "https://www.thomasledoux.be/blog/astro-db-migrating-analytics-postgres",
   "updated": "2024-03-29"

src/content/resources/astro-fetching-youtube-videos-with-rss.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["rss"],
+  "category": "rss",
   "title": "Astro Component: Fetching Latest YouTube Videos with RSS",
   "link": "https://techsquidtv.com/blog/astro-fetching-youtube-videos-with-rss/",
   "updated": "2024-02-13"

src/content/resources/astro-plus-photoswipe.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["images"],
+  "category": "images",
   "title": "Astro + PhotoSwipe",
   "link": "https://dev.to/petrovicz/astro-photoswipe-549a",
   "updated": "2024-04-04"

src/content/resources/avoid-repeating-your-markup.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["css"],
+  "category": "css",
   "title": "How to simplify your code and avoid repeating your markup with Astrojs and Tailwind CSS",
   "link": "https://lexingtonthemes.com/tutorials/how-to-simplify-your-code-and-avoid-repeating-your-markup-with-astrojs-and-tailwind-css/",
   "updated": "2024-03-28"

src/content/resources/blog-images-rss.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["images"],
+  "category": "images",
   "title": "Add blog post images to your Astro RSS Feed",
   "link": "https://webreaper.dev/posts/astro-rss-feed-blog-post-images/",
   "updated": "2023-06-11"

src/content/resources/clerk-react.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["auth"],
+  "category": "auth",
   "title": "Authenticating users in Astro with Clerk and React",
   "link": "https://www.launchfa.st/blog/react-astro-clerk",
   "updated": "2024-04-12"

src/content/resources/comments-giscus.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["utilities"],
+  "category": "utilities",
   "title": "Add a comments section to your Astro blog using Giscus",
   "link": "https://elazizi.com/posts/add-comments-section-to-your-astro-blog/",
   "updated": "2023-10-24"

src/content/resources/crowdin.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["i18n"],
+  "category": "i18n",
   "title": "How to make your Astro website multilingual with Crowdin: Astro localization guide",
   "link": "https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n",
   "updated": "2023-06-21"

src/content/resources/dark-mode-tailwindcss.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["css"],
+  "category": "css",
   "title": "Add dark mode to Astro with Tailwind CSS",
   "link": "https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/",
   "updated": "2022-05-04"

src/content/resources/data-rss.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["rss"],
+  "category": "rss",
   "title": "How to Send Any Data to Your RSS Feed? A Guide with Astro + RSS",
   "link": "https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/",
   "updated": "2023-08-06"

src/content/resources/deploy-astro-aws-amplify.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["deploy"],
+  "category": "deploy",
   "title": "Deploy Astro to AWS Amplify: A Step-by-Step Guide",
   "link": "https://www.launchfa.st/blog/deploy-astro-aws-amplify",
   "updated": "2024-03-28"

src/content/resources/deploy-astro-aws-elastic-beanstalk.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["deploy"],
+  "category": "deploy",
   "title": "Deploy Astro to AWS Elasic Beanstalk: A Step-by-Step Guide",
   "link": "https://www.launchfa.st/blog/deploy-astro-aws-elastic-beanstalk",
   "updated": "2024-04-08"

src/content/resources/deploy-astro-aws-fargate.json

@@ -1,5 +1,5 @@
 {
-  "tags": ["deploy"],
+  "category": "deploy",
   "title": "Deploy Astro to Amazon ECS on AWS Fargate: A Step-by-Step Guide",
   "link": "https://www.launchfa.st/blog/deploy-astro-aws-fargate",
   "updated": "2024-03-30"