leptos-data-loading

Community

Stream Leptos data with SSR confidence.

Authoradelabdelgawad
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Leptos data loading often requires careful orchestration of Resource and LocalResource APIs, Suspense, and Transition to ensure SSR streams correctly, avoids double-fetches, and keeps the UI responsive.

Core Features & Use Cases

  • Resource::new for standard SSR-streamed data loading and automatic reactivity.
  • Resource::new_blocking for SEO-critical head data and metadata.
  • Transition for refetchable or tabbed content to preserve old data during reloads.
  • LocalResource::new for browser-only sources like geolocation, IndexedDB, or Web APIs.
  • SSR mode configuration to balance TTFB and SEO requirements across OutOfOrder, InOrder, Async, and PartiallyBlocked.

Quick Start

Create a Leptos component that uses Resource::new to fetch data and wrap it in Suspense for correct SSR streaming.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: leptos-data-loading
Download link: https://github.com/adelabdelgawad/rust-fullstack-agents/archive/main.zip#leptos-data-loading

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.