---
title: "TanStack DB - Meta-Framework Integration - Air Market"
description: "You are putting TanStack DB into an app built on a routing framework and want the data present before the page shows. This covers loading collections from route loaders, and is upfront that server re…"
canonical: "https://airmarket.ai/app/meta-framework"
---

[Air Market](/) / [Developer Tools](/category/devtools) / TanStack DB - Meta-Framework Integration

Skill by [TanStack](/@tanstack)

# TanStack DB - Meta-Framework Integration

Get collection data loaded before the route renders

## What this does

You are putting TanStack DB into an app built on a routing framework and want the data present before the page shows. This covers loading collections from route loaders, and is upfront that server rendering is not supported, so those routes have to disable it. Reach for it when wiring the two together.

### Top 3 things it does for you

- Preload collections in a route loader
- Turn off server rendering on the routes that need it
- Preload several collections in one wait

## Information

**TanStack DB - Meta-Framework Integration at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [TanStack](/@tanstack) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 10 KB |
| Licence | MIT |
| Repository | [TanStack/db](https://github.com/TanStack/db/tree/220a1b3b4adb9af830771e9d12b452ff5133e88b/packages/db/skills/meta-framework) |
| GitHub stars | 3,883 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of TanStack DB - Meta-Framework Integration and flagged nothing. AIR's verdict: **safe**.

**What TanStack DB - Meta-Framework Integration's check was run against**

|  |  |
| --- | --- |
| Commit | 220a1b3b4adb9af830771e9d12b452ff5133e88b |
| Content hash | 5dd198d7fccf46e083dbe5a4f54560a93320ff2a4e95709a4509e49ed71c3e56 |
| Files read | [Browse the files at this exact commit](https://github.com/TanStack/db/blob/220a1b3b4adb9af830771e9d12b452ff5133e88b/packages/db/skills/meta-framework/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for TanStack DB - Meta-Framework Integration](/security/meta-framework)

## About TanStack DB - Meta-Framework Integration

Integrating TanStack DB with meta-frameworks: TanStack Start, Next.js, Remix, Nuxt and SvelteKit. This is client-side only. SSR is not supported, so routes must disable it.

Covers preloading eager collections in route loaders with collection.preload, preloading several collections together with Promise.all, and the loader APIs each framework uses. For on-demand Query Collections you preload the live query, because preloading the source collection does nothing.

## What's inside

- SKILL.md - instructions

## Questions

### Is TanStack DB - Meta-Framework Integration safe to install?

AIR scanned this exact version of TanStack DB - Meta-Framework Integration and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 220a1b3b4adb, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/meta-framework.

### How do I install TanStack DB - Meta-Framework Integration?

Open https://airmarket.ai/app/meta-framework on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/TanStack/db/tree/220a1b3b4adb9af830771e9d12b452ff5133e88b/packages/db/skills/meta-framework. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by TanStack](/@tanstack)

---

Canonical URL: <https://airmarket.ai/app/meta-framework>