https://github.com/nilshartmann/tanstack-heise-example
TanStack Query und TanStack Router Example
https://github.com/nilshartmann/tanstack-heise-example
react tanstack-query tanstack-router
Last synced: 6 months ago
JSON representation
TanStack Query und TanStack Router Example
- Host: GitHub
- URL: https://github.com/nilshartmann/tanstack-heise-example
- Owner: nilshartmann
- Created: 2025-02-04T06:54:10.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-03T10:15:30.000Z (7 months ago)
- Last Synced: 2025-03-26T21:47:34.418Z (7 months ago)
- Topics: react, tanstack-query, tanstack-router
- Language: TypeScript
- Homepage: https://react.schule
- Size: 3.84 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TanStack Query und Router Beispiel-Anwendungen
Dieses Repository enthält die Beispiel-Anwendung zu meinem "heise developer"-Artikel über TanStack Router und Query.
## Struktur
- `backend`: Das Repository enthält eine Express-Anwendung, die eine kleine REST API zur Verfügung stellt
- `frontend`: Enthält die React-Anwendung mit TanStack Router und TanStack Query
## Installation der Packages
Im Verzeichnis `backend` und `frontend` müssen die Pakete installiert werden.
- Dazu `pnpm install` in den beiden Verzeichnissen ausführen
- (Installation sollte auch mit `npm install` funktionieren)
## Starten des Backends
- Der Port für das Backend ist `3002`. Bitte achte darauf, dass dieser Port nicht belegt ist.
- Im Verzeichnis `backend` das `start`-Script ausführen:
- ```bash
cd backend
pnpm start
```
- (alternativ `npm start`)
## Starten des Frontends
- Das Frontend läuft auf Port `3100`. Bitte achte darauf, dass dieser Port nicht belegt ist.
- Im Verzeichnis `frontend` das `dev`-Script ausführen:
- ```bash
cd frontend
pnpm dev
```
- (alternativ `npm run dev`)
- Das Frontend ist jetzt über http://localhost:3100 erreichbar.
# Kontakt
- Bei Fragen oder Problemen findest du hier meine Kontaktdaten: https://nilshartmann.net/kontakt
- Wenn du Interesse an Schulungen und Workshops zu React, TanStack oder auch Next.js hast, findest du hier weitere Informationen: https://nilshartmann.net/react-workshops