Desmitificando IPFS: La Guía de un Desarrollador Web para la Distribución de Contenido

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2025
November 18 - 21, 2025
New York, US & Online
The biggest React conference in the US
Learn More
In partnership with Focus Reactive
Upcoming event
React Summit US 2025
React Summit US 2025
November 18 - 21, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

IPFS es una red peer-to-peer que distribuye datos dirigidos por contenido y se puede pensar como un CDN distribuido. Sin embargo, dada su trayectoria evolutiva, IPFS a menudo se malinterpreta. En esta charla, aprenderás sobre el estado actual de IPFS con un enfoque en la integración con la plataforma web utilizando HTTP(S), cómo permite la distribución local-primer de aplicaciones web y aplicaciones reales para ti como desarrollador web.

This talk has been presented at JSNation 2025, check out the latest edition of this JavaScript Conference.

Daniel Norman
Daniel Norman
20 min
16 Jun, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Introducción a Desmitificando IPFS, discutiendo el alcance de la plataforma web y sus fallas como el link rot y la censura. Discutiendo los desafíos de seguridad del anclaje de origen web, las fallas de direccionamiento de ubicación y la introducción a IPFS con direccionamiento de contenido y redes peer-to-peer. Explorando el direccionamiento de contenido de IPFS con SIDs y el papel de los proveedores en la recuperación de datos. Explorando la codificación de datos en IPFS con UnixFS y el papel de la red peer-to-peer en la recuperación de contenido. Discutiendo los desafíos de la red peer-to-peer en IPFS y los beneficios del direccionamiento de contenido. Enfatizando las ventajas de la resistencia a la censura, la prevención del link rot y la protección contra manipulaciones en IPFS. Discutiendo la importancia del enlace DNS en IPFS y las operaciones clave de direccionamiento de datos por SID, proporcionando o fijando datos, y la recuperación de datos utilizando protocolos como bit swap y HTTP desde gateways. Introduciendo los desafíos con gateways centralizados en IPFS, esfuerzos para eliminarlos convirtiendo cada nodo de IPFS en un gateway, y la introducción de Helia, una implementación modular de TypeScript para Node.js y la web.

1. Introducción a la desmitificación de IPFS

Short description:

Introducción a la desmitificación de IPFS, discutiendo el alcance de la plataforma web y sus fallas como la descomposición de enlaces y la censura.

Bienvenidos a la desmitificación de IPFS, y gracias por unirse a JS Nation y esta charla. Así que la forma en que se estructurará esta charla es en tres partes. En la primera parte, vamos a hablar sobre la plataforma web. Y luego vamos a pasar a IPFS y dónde encaja eso con la web. Y finalmente, vamos a echar un vistazo a IPFS para desarrolladores de JS y cómo pueden usar IPFS en la práctica.

La web es asombrosa. La plataforma web empodera a miles de millones de personas, y tiene el alcance más amplio con más de 5 mil millones de usuarios en todos los continentes a través de navegadores o vistas web y aplicaciones móviles. También es la plataforma más ubicua que prácticamente funciona en todos los dispositivos que van desde su escritorio, smartphone, laptop, televisores, e incluso frigoríficos en estos días. Y finalmente, también es un ecosistema abierto donde cualquiera puede publicar contenido o construir sitios con un mínimo de control de acceso.

Pero la web tiene sus fallas. La descomposición de enlaces es un gran problema en la web, donde los enlaces ya no son funcionales. Así que hay investigaciones que muestran que uno de cada cinco artículos científicos tiene al menos un enlace roto dentro de unos pocos años después de su publicación. De hecho, otras investigaciones sugieren que entre el 30 y el 70% de los enlaces web se descomponen dentro de un par de años desde su publicación. También está el problema de la censura. Un gran ejemplo de esto es la censura de Wikipedia, de la cual hay muchos ejemplos en países como China, Turquía, India, Rusia y otros regímenes autoritarios. Y la naturaleza de la web es tal que es posible que estos actores estatales bloqueen grandes extensiones de Internet.

2. Desafíos de Seguridad e Introducción a IPFS

Short description:

Discutiendo los desafíos de seguridad del anclaje de origen web, las fallas en la dirección de ubicación y la introducción a IPFS con direccionamiento de contenido y redes peer-to-peer.

También está el problema de cómo la seguridad está anclada al origen, lo que significa que careces de prueba de manipulación. Y un gran ejemplo de esto es cuando accedes a tu aplicación web de banca en línea, ¿cómo sabes que no ha sido manipulada? La forma en que esto funciona en la web es utilizando la política de mismo origen, mediante la cual, esencialmente, tu navegador valida el certificado firmado por la autoridad de certificación que se te presenta en tu banca en línea. Así que, esencialmente, estás confiando en quién en lugar de en qué es lo que realmente estás obteniendo. Esto contrasta con cómo los administradores de paquetes implementan la prueba de manipulación utilizando hashes y firmas. Ahora, la política de mismo origen, por supuesto, delimita los límites de confianza y seguridad, y eso generalmente está ligado al protocolo y al nombre de dominio. Pero la idea clave aquí es que estás confiando en quién en lugar de en qué.

Y la única excepción a esto, por supuesto, es la integridad de subrecursos, que es una característica relativamente reciente que se introdujo para permitir la importación de paquetes de otros orígenes y tener un atributo de integridad que valida, esencialmente, el hash de ese script que podrías estar importando. Y esto ha sido una gran introducción. Por supuesto, la raíz de muchos de estos problemas está en el hecho de que la web está dirigida por ubicación. La dirección por ubicación es fundamental para la web y cómo funciona Internet. La idea central aquí es que cada dispositivo de red tiene una IP, y DNS se utiliza para mapear nombres amigables para humanos a IPs. Ahora, esto funciona extremadamente bien porque la red hace posible encontrar múltiples caminos entre cualquier par de IPs en Internet. Pero esto también es la causa de muchos de estos problemas porque, esencialmente, para un nombre de dominio, típicamente tienes una única fuente, y como mencionamos antes, las IPs y DNS pueden ser fácilmente bloqueadas por actores estatales. Ahora, si una copia de datos o un sitio web desaparece, no hay forma de saber fundamentalmente dónde podrían estar otras copias. Además, no es posible para ti verificar la integridad del contenido que estás obteniendo, como en este tipo de visualización o diagrama que tenemos aquí.

No hay forma de que verifiques que realmente estás obteniendo la imagen correcta del sitio web de NASA. Esto nos lleva a la segunda parte de esta charla, IPFS. Así que intentemos desmitificar IPFS. IPFS es un conjunto de protocolos para direccionar y compartir datos en la web. Tiene implementaciones populares en TypeScript y Go, y está diseñado para funcionar de manera nativa en la web. Eso significa que está diseñado para funcionar en navegadores. Ahora, ¿qué queremos decir con compartir? Compartir típicamente significa dos cosas, publicar y recuperar. Hay dos ideas centrales detrás de IPFS que son clave para entender IPFS. La primera es el direccionamiento de contenido, y la segunda es la red peer-to-peer, y vamos a echar un vistazo a ambas. Pero vale la pena señalar que IPFS fusiona muchas ideas de Git, la herramienta de gestión de código fuente, y BitTorrent, el intercambio de archivos peer-to-peer. Así que el direccionamiento de contenido, que contrasta con el direccionamiento por ubicación, es esta idea de que derivar la dirección del contenido a partir del contenido mismo, utilizando hashes criptográficos, en lugar de a partir de la ubicación donde está almacenado, como es común con Ahrefs y enlaces en la web.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Construyendo Mejores Sitios Web con Remix
React Summit Remote Edition 2021React Summit Remote Edition 2021
33 min
Construyendo Mejores Sitios Web con Remix
Top Content
Remix is a web framework built on React Router that focuses on web fundamentals, accessibility, performance, and flexibility. It delivers real HTML and SEO benefits, and allows for automatic updating of meta tags and styles. It provides features like login functionality, session management, and error handling. Remix is a server-rendered framework that can enhance sites with JavaScript but doesn't require it for basic functionality. It aims to create quality HTML-driven documents and is flexible for use with different web technologies and stacks.
Acelerando tu aplicación React con menos JavaScript
React Summit 2023React Summit 2023
32 min
Acelerando tu aplicación React con menos JavaScript
Top Content
Mishko, the creator of Angular and AngularJS, discusses the challenges of website performance and JavaScript hydration. He explains the differences between client-side and server-side rendering and introduces Quik as a solution for efficient component hydration. Mishko demonstrates examples of state management and intercommunication using Quik. He highlights the performance benefits of using Quik with React and emphasizes the importance of reducing JavaScript size for better performance. Finally, he mentions the use of QUIC in both MPA and SPA applications for improved startup performance.
Depuración Web Moderna
JSNation 2023JSNation 2023
29 min
Depuración Web Moderna
Top Content
This Talk discusses modern web debugging and the latest updates in Chrome DevTools. It highlights new features that help pinpoint issues quicker, improved file visibility and source mapping, and ignoring and configuring files. The Breakpoints panel in DevTools has been redesigned for easier access and management. The Talk also covers the challenges of debugging with source maps and the efforts to standardize the source map format. Lastly, it provides tips for improving productivity with DevTools and emphasizes the importance of reporting bugs and using source maps for debugging production code.
Documentación Full Stack
JSNation 2022JSNation 2022
28 min
Documentación Full Stack
Top Content
The Talk discusses the shift to full-stack frameworks and the challenges of full-stack documentation. It highlights the power of interactive tutorials and the importance of user testing in software development. The Talk also introduces learn.svelte.dev, a platform for learning full-stack tools, and discusses the roadmap for SvelteKit and its documentation.
SolidJS: ¿Por qué tanto Suspense?
JSNation 2023JSNation 2023
28 min
SolidJS: ¿Por qué tanto Suspense?
Top Content
Suspense is a mechanism for orchestrating asynchronous state changes in JavaScript frameworks. It ensures async consistency in UIs and helps avoid trust erosion and inconsistencies. Suspense boundaries are used to hoist data fetching and create consistency zones based on the user interface. They can handle loading states of multiple resources and control state loading in applications. Suspense can be used for transitions, providing a smoother user experience and allowing prioritization of important content.
De GraphQL Zero a GraphQL Hero con RedwoodJS
GraphQL Galaxy 2021GraphQL Galaxy 2021
32 min
De GraphQL Zero a GraphQL Hero con RedwoodJS
Top Content
Tom Pressenwurter introduces Redwood.js, a full stack app framework for building GraphQL APIs easily and maintainably. He demonstrates a Redwood.js application with a React-based front end and a Node.js API. Redwood.js offers a simplified folder structure and schema for organizing the application. It provides easy data manipulation and CRUD operations through GraphQL functions. Redwood.js allows for easy implementation of new queries and directives, including authentication and limiting access to data. It is a stable and production-ready framework that integrates well with other front-end technologies.

Workshops on related topic

React, TypeScript y TDD
React Advanced 2021React Advanced 2021
174 min
React, TypeScript y TDD
Top Content
Featured Workshop
Paul Everitt
Paul Everitt
ReactJS es extremadamente popular y, por lo tanto, ampliamente soportado. TypeScript está ganando popularidad y, por lo tanto, cada vez más soportado.

¿Los dos juntos? No tanto. Dado que ambos cambian rápidamente, es difícil encontrar materiales de aprendizaje precisos.

¿React+TypeScript, con los IDEs de JetBrains? Esa combinación de tres partes es el tema de esta serie. Mostraremos un poco sobre mucho. Es decir, los pasos clave para ser productivo, en el IDE, para proyectos de React utilizando TypeScript. En el camino, mostraremos el desarrollo guiado por pruebas y enfatizaremos consejos y trucos en el IDE.
Dominando conceptos avanzados en TypeScript
React Summit US 2023React Summit US 2023
132 min
Dominando conceptos avanzados en TypeScript
Top Content
Featured WorkshopFree
Jiri Lojda
Jiri Lojda
TypeScript no es solo tipos e interfaces. Únete a esta masterclass para dominar características más avanzadas de TypeScript que harán tu código a prueba de balas. Cubriremos tipos condicionales y notación de inferencia, cadenas de plantillas y cómo mapear sobre tipos de unión y propiedades de objetos/arrays. Cada tema se demostrará en una aplicación de muestra que se escribió con tipos básicos o sin tipos en absoluto y juntos mejoraremos el código para que te familiarices más con cada característica y puedas llevar este nuevo conocimiento directamente a tus proyectos.
Aprenderás:- - ¿Qué son los tipos condicionales y la notación de inferencia?- ¿Qué son las cadenas de plantillas?- Cómo mapear sobre tipos de unión y propiedades de objetos/arrays.
De Todo App a B2B SaaS con Next.js y Clerk
React Summit US 2023React Summit US 2023
153 min
De Todo App a B2B SaaS con Next.js y Clerk
Top Content
WorkshopFree
Dev Agrawal
Dev Agrawal
Si eres como yo, probablemente tengas un millón de ideas para proyectos secundarios, algunas de las cuales incluso podrían hacerte ganar dinero como un micro SaaS, o podrían resultar ser la próxima startup de mil millones de dólares. Pero, ¿cómo sabes cuáles? ¿Cómo pasas de una idea a un producto funcional que puede ser puesto en manos de clientes que pagan sin renunciar a tu trabajo e invirtiendo todo tu tiempo y dinero en ello? ¿Cómo pueden competir tus proyectos secundarios en solitario con las aplicaciones construidas por enormes equipos y grandes empresas?
Construir productos SaaS ricos viene con desafíos técnicos como infraestructura, escalabilidad, disponibilidad, seguridad y subsistemas complicados como autenticación y pagos. Por eso, a menudo son los gigantes tecnológicos ya establecidos quienes pueden construir y operar productos de este tipo de manera razonable. Sin embargo, una nueva generación de devtools está permitiendo a los desarrolladores construir fácilmente soluciones completas que aprovechan la mejor infraestructura en la nube disponible, y ofrecen una experiencia que te permite iterar rápidamente en tus ideas por un bajo costo de $0. Se llevan todos los desafíos técnicos de construir y operar productos de software para que solo tengas que pasar tu tiempo construyendo las características que tus usuarios quieren, dándote una oportunidad razonable de competir contra el mercado al mantenerte increíblemente ágil y receptivo a las necesidades de los usuarios.
En esta masterclass de 3 horas comenzarás con una simple aplicación de gestión de tareas construida con React y Next.js y la convertirás en un producto SaaS completamente funcional y escalable integrando una base de datos escalable (PlanetScale), autenticación multi-tenant (Clerk), y pagos basados en suscripción (Stripe). También aprenderás cómo los principios del desarrollo de software ágil y el diseño impulsado por el dominio pueden ayudarte a construir productos rápidamente y de manera rentable, y competir con las soluciones existentes.
Construyendo aplicaciones web que iluminan Internet con QwikCity
JSNation 2023JSNation 2023
170 min
Construyendo aplicaciones web que iluminan Internet con QwikCity
WorkshopFree
Miško Hevery
Miško Hevery
Construir aplicaciones web instantáneas a gran escala ha sido elusivo. Los sitios del mundo real necesitan seguimiento, análisis y interfaces y interacciones de usuario complejas. Siempre comenzamos con las mejores intenciones pero terminamos con un sitio menos que ideal.
QwikCity es un nuevo meta-framework que te permite construir aplicaciones a gran escala con un rendimiento de inicio constante. Veremos cómo construir una aplicación QwikCity y qué la hace única. El masterclass te mostrará cómo configurar un proyecto QwikCity. Cómo funciona el enrutamiento con el diseño. La aplicación de demostración obtendrá datos y los presentará al usuario en un formulario editable. Y finalmente, cómo se puede utilizar la autenticación. Todas las partes básicas para cualquier aplicación a gran escala.
En el camino, también veremos qué hace que Qwik sea único y cómo la capacidad de reanudación permite un rendimiento de inicio constante sin importar la complejidad de la aplicación.
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
WorkshopFree
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
De vuelta a las raíces con Remix
React Summit 2023React Summit 2023
106 min
De vuelta a las raíces con Remix
Workshop
Alex Korzhikov
Pavlik Kiselev
2 authors
La web moderna sería diferente sin aplicaciones ricas del lado del cliente respaldadas por potentes frameworks: React, Angular, Vue, Lit y muchos otros. Estos frameworks se basan en JavaScript del lado del cliente, que es su núcleo. Sin embargo, existen otros enfoques para el renderizado. Uno de ellos (bastante antiguo, por cierto) es el renderizado del lado del servidor completamente sin JavaScript. Descubramos si esta es una buena idea y cómo Remix puede ayudarnos con ello?
Prerrequisitos- Buen entendimiento de JavaScript o TypeScript- Sería útil tener experiencia con React, Redux, Node.js y escribir aplicaciones FrontEnd y BackEnd- Preinstalar Node.js, npm- Preferimos usar VSCode, pero también se pueden utilizar IDE en la nube como codesandbox (otros IDE también están bien)