IPNS Inspector

January 23, 2025 ยท View on GitHub

Inspect and create IPNS records from the browser.

How it works

  • IPNS names are resolved using @helia/http, which resolves IPNS records over HTTP using delegated routing, by default using the https://delegated-ipfs.dev/ endpoint.
  • IPNS records are created locally using @helia/ipns and published over HTTP using a delegated routing endpoint, by default using the https://delegated-ipfs.dev/ endpoint.
  • All data is in memory, so it will be lost when the page is refreshed.

Tech Stack

  • Next.js with static export and pages router
  • Helia library to interact with the IPFS network.
  • Multiformats library to work with CIDs and IPNS names.
  • Tailwind CSS.
  • shadcn/ui components
  • xstate to manage the UI logic for the IPNS inspector

How to run local

npm run dev

How to build and export

npm run build