nostr-infinite-scroll

Implement infinite scroll for Nostr event feeds with TanStack Query.

Updated Jan 25, 2026
One-click install
npx skills add https://github.com/feelancer21/nodestr --skill nostr-infinite-scroll-feelancer21
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nostr-infinite-scroll
Source: https://github.com/feelancer21/nodestr/tree/main/.claude/skills/nostr-infinite-scroll
Command: npx skills add https://github.com/feelancer21/nodestr --skill nostr-infinite-scroll-feelancer21

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables the creation of dynamic, feed-like interfaces for Nostr, allowing users to seamlessly browse through events without manual page reloads.

Core Features & Use Cases

  • Infinite Scrolling: Implements pagination for Nostr events, ideal for social media-style feeds.
  • Efficient Data Loading: Utilizes TanStack Query's useInfiniteQuery for optimized fetching of Nostr events.
  • Use Case: Build a real-time global feed for your Nostr client that automatically loads new posts as the user scrolls down.

Quick Start

Use the nostr-infinite-scroll skill to fetch and display a global feed of Nostr events.

Frequently Asked Questions about nostr-infinite-scroll

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement infinite scroll for Nostr event feeds in React?

Infinite scroll for Nostr feeds is implemented using TanStack Query's useInfiniteQuery and Nostr's timestamp-based pagination. This fetches events automatically as the user scrolls down, creating a seamless social media-style feed interface without manual page reloads.

What is the best way to paginate Nostr events for a social media feed?

Paginating Nostr events for a feed is best handled with timestamp-based pagination combined with TanStack Query. This enables efficient data loading by fetching older events dynamically as users reach the bottom of the current feed.

Does this infinite scroll approach require a specific Nostr client library?

Yes, implementing infinite scroll for Nostr feeds requires integration with a Nostr client library to fetch events, alongside React for rendering the UI. You must configure the client to supply event data to the TanStack Query pagination logic.

How does TanStack Query useInfiniteQuery work with Nostr timestamp pagination?

TanStack Query's useInfiniteQuery fetches Nostr events by using timestamps as pagination cursors. As the user scrolls, it automatically requests the next page of older events, managing the loading state and data caching for the feed interface.

Can I build a real-time global feed for a Nostr client using infinite scroll?

Yes, you can build a real-time global feed for a Nostr client using infinite scroll. The implementation automatically loads new posts as the user scrolls down, creating a dynamic feed-like interface that browses events without manual page reloads.