Entschuldigung für die Störung, aber ich finde keine Antwort...
Ich möchte eine Browser-Anwendung ohne SSR, mit React und MUI erstellen. Also habe ich hier ein NextJS-Template gefunden:
https://github.com/mui/material-ui/tree/master/examples/nextjs-with-typescript
Jetzt möchte ich SSR komplett deaktivieren, sagen wir im besten Fall beginnend mit _document.tsx, aber zumindest die Datei _app.tsx und alle folgenden wie zum Beispiel _index.tsx sollten ohne SSR gerendert werden.
Kann mir jemand einen Tipp geben, wie ich SSR "vollständig" deaktivieren kann?
Danke und liebe Grüße, Tobias
Lösung des Problems
Während einige Ihnen vielleicht sagen, dass Sie einfaches React verwenden sollen, verwenden andere immer noch Next.js wegen Dingen wie dateibasiertem Routing, vernünftigen ESLint- und TypeScript-Standardeinstellungen und schnellen Kompilierungszeiten (wegen SWC ). Wenn Sie die Entwicklererfahrung von Next.js gegenüber dem eigenständigen React bevorzugen, aber kein SSR wollen/benötigen, dann haben Sie die Möglichkeit, einen statischen HTML-Export zu verwenden:
next export
ermöglicht es Ihnen, Ihre Next.js-Anwendung in statisches HTML zu exportieren, das eigenständig ausgeführt werden kann, ohne dass ein Node.js-Server erforderlich ist. Es wird empfohlen, es nur zu verwenden, next export
wenn Sie keine der nicht unterstützten Funktionen benötigen, die einen Server erfordern.
Die Beispielvorlage, mit der Sie verlinkt haben, sollte keine zusätzlichen Codeänderungen erfordern (das Ausführen next export
darauf hat bei mir gut funktioniert, es hat nur eine Warnung über eine fehlende ESLint-Konfiguration ausgegeben, die einfach einzurichten ist ).
Keine Kommentare:
Kommentar veröffentlichen