Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/brunos3d/mf-nextjs-ssr-react-query-data-fetching-poc

container data-fetching docs example mf micro-frontend module-federation next nextjs pattern react-query sample share ssr standard tanstack

Last synced: 20 days ago
JSON representation

mf-nextjs-ssr-react-query-data-fetching-poc

Host: GitHub
URL: https://github.com/brunos3d/mf-nextjs-ssr-react-query-data-fetching-poc
Owner: brunos3d
Created: 2023-03-02T22:23:45.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-03-02T23:56:34.000Z (almost 2 years ago)
Last Synced: 2024-11-10T09:41:04.138Z (3 months ago)
Topics: container, data-fetching, docs, example, mf, micro-frontend, module-federation, next, nextjs, pattern, react-query, sample, share, ssr, standard, tanstack
Language: TypeScript
Homepage:
Size: 199 KB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md

# Module Federation Next.js Data Fetching with Tanstack Query (react-query)

This is an advanced example of using Module Federation with Next.js and Tanstack Query (react-query) to use Next.js data fetching strategies.

## Getting Started

```bash
npm install
```

Run the following command to start the Next.js apps:

```bash
nx run-many --target=serve --all --skip-nx-cache --verbose --parallel=4
```

Browse to the following URLs:

- http://localhost:3000/ (advanced federation, main host app)

- http://localhost:3001/ (advanced federation)

- http://localhost:3002/ (basic federation)

- http://localhost:3003/ (basic federation)