Añadir un RSS feed

Prepárate para…

• Instala un paquete de Astro para crear un feed RSS para tu sitio web
• Crea un feed al que se puede suscribir y leer por lectores de feed RSS

Instala el paquete RSS de Astro

Astro proporciona un paquete personalizado para añadir rápidamente un feed RSS a tu sitio web.

Este paquete oficial genera un documento no-HTML con información sobre todos tus posts de blog que puede ser leído por lectores de feed como Feedly, The Old Reader, y más. Este documento se actualiza cada vez que tu sitio es reconstruido.

Los individuos pueden suscribirse a tu feed en un lector de feed, y recibir una notificación cuando publicas un nuevo post de blog en tu sitio, haciéndolo una característica popular de blog.

1. En tu terminal, detén el servidor de desarrollo de Astro (Ctrl + C) y ejecuta el siguiente comando para instalar el paquete RSS de Astro.

   npm

   npm install @astrojs/rss

   pnpm

   pnpm add @astrojs/rss

   Yarn

   yarn add @astrojs/rss

2. Reinicia el dev server para comenzar a trabajar en tu proyecto de Astro de nuevo.

   npm

   npm run dev

   pnpm

   pnpm run dev

   Yarn

   yarn run dev

Crea un documento de feed .xml

1. Crea un nuevo archivo en src/pages/ llamado rss.xml.js

2. Copia el siguiente código en este nuevo documento. Personaliza las propiedades title y description, y si es necesario, especifica un idioma diferente en customData:

   src/pages/rss.xml.js

   import rss, { pagesGlobToRssItems } from '@astrojs/rss';
   
   export async function GET(context) {
     return rss({
       title: 'Astro Learner | Blog',
       description: 'My journey learning Astro',
       site: context.site,
       items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
       customData: `<language>en-us</language>`,
     });
   }

3. Añade la propiedad site a la configuración de Astro con la URL única de tu sitio en Netlify.

   astro.config.mjs

   import { defineConfig } from "astro/config";
   
   export default defineConfig({
     site: "https://example.com"
   });

4. Visita http://localhost:4321/rss.xml y verifica que puedes ver texto (sin formatear) en la página con un item por cada uno de tus archivos .md. Cada item debería contener información del post de blog como title, url, y description.

   Visualiza tu feed RSS en un lector

   Descarga un lector de feed, o regístrate en un servicio de lector de feed en línea y suscríbete a tu sitio añadiendo tu propia URL de Netlify. También puedes compartir este enlace con otros para que puedan suscribirse a tus posts, y ser notificados cuando se publica uno nuevo.

Checklist

• Puedo instalar un paquete de Astro usando la línea de comandos.
• Puedo crear un feed RSS para mi sitio web.

Recursos

• Generación de items RSS en Astro