𝗖𝗼𝗻𝘀𝘁𝗿𝘂𝘆𝗲 𝘂𝗻 𝘄𝗶𝗱𝗴𝗲𝘁 𝗱𝗲 𝗳𝗲𝗲𝗱 𝗥𝗦𝗦 𝘀𝗲𝗻𝗰𝗶𝗹𝗹𝗼 𝗰𝗼𝗻 𝗩𝗮𝗻𝗶𝗹𝗹𝗮 𝗝𝗦
RSS es un formato antiguo. Sigue siendo una de las mejores formas de compartir contenido en la web.
Muchos desarrolladores utilizan frameworks pesados para mostrar feeds de RSS. No los necesitas. RSS es simplemente XML. Tu navegador puede leer XML de forma nativa sin librerías adicionales.
Puedes construir un widget de RSS limpio usando solo vanilla JavaScript y CSS.
Así es como se hace:
- Usa la Fetch API para obtener los datos XML.
- Usa DOMParser para convertir ese XML en un documento consultable.
- Mapea los datos en un objeto JavaScript.
- Renderiza los datos en tarjetas HTML.
Ten cuidado con los errores de CORS. Si un servidor bloquea tu solicitud, el navegador la detendrá. Puedes usar un proxy como allorigins.win para realizar pruebas. Para proyectos reales, utiliza un Cloudflare Worker para gestionar las solicitudes.
El widget funciona de la siguiente manera:
• Obtiene la URL del feed. • Analiza el título y la descripción del canal. • Recorre cada elemento para obtener el título, el enlace y la fecha. • Crea una cuadrícula de tarjetas responsiva.
Incluso puedes añadir filtros de categoría. Esto permite que tus usuarios elijan temas como Tecnología o Comida.
Este método funciona con cualquier feed RSS estándar. Puedes añadir un feed de tecnología o un feed de podcast a la misma