https://github.com/secondthunder/posts-next-react-query
Example project of using React Query + Next (App Router) with Suspense capabilities. Powered by JSONPlaceholder API
https://github.com/secondthunder/posts-next-react-query
Last synced: 10 months ago
JSON representation
Example project of using React Query + Next (App Router) with Suspense capabilities. Powered by JSONPlaceholder API
- Host: GitHub
- URL: https://github.com/secondthunder/posts-next-react-query
- Owner: SecondThundeR
- Created: 2024-03-16T21:58:21.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-22T21:06:01.000Z (almost 2 years ago)
- Last Synced: 2025-01-24T04:44:38.384Z (11 months ago)
- Language: TypeScript
- Homepage: https://posts-next-react-query.vercel.app
- Size: 69.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# posts-next-react-query
This is an example project of displaying placeholder posts using NextJS (App Router) with React Query v5, utilizing some Suspense capabilities
> [!NOTE]
> [Demo](https://posts-next-react-query.vercel.app) on Vercel
This app uses [techniques](https://tanstack.com/query/latest/docs/framework/react/guides/advanced-ssr) for using React Query with Server Components by using prefetching and Suspense/HydrationBoundary for non-blocking and responsive UI
## Usage
```sh
git clone https://github.com/SecondThundeR/posts-next-react-query.git
cd posts-next-react-query
pnpm install
pnpm dev # or pnpm dev:turbo
```