@plasmicapp/query
Purpose
This is a mini, isomorphic, component-level data-fetching library, built around swr. It lets you fetch data in a React environment client-side or server-side. On the server, it lets you prefetch data from any component, Suspense-style.
Normally in frameworks like Next.js pages router, you cannot couple your data fetches with your components--you need to fetch at the page-level with getStaticProps/getServerSideProps.
Component-level fetches would happen client-side instead of server-side (ultimately via a useEffect or similar).
Paired with @plasmicapp/prepass, this library allows you to express data fetches directly in your components while prefetching all data on the server-side.
Usage with Plasmic
Learn more about how this can be used with Plasmic specifically in the docs: https://docs.plasmic.app/learn/data-code-components/.
Notes
- This library is NOT for React Server Components, only for server rendering environments like Next.js pages router.
- This library is NOT specific to Plasmic in any way.