🚧 ✨ add example for NextJS as frontend

[MariusJahn]

Nicht Mergen!

Info

Heyho! Hier mal ein Beispiel für NextJS als Frontend in Zusammenhang mit dem ProcessCube. Für jeden der das mal ausprobieren oder anschauen möchte. Ich hab das aufgesetzt während ich mir NextJS + TailwindCSS usw. angeschaut habe. Betrachtet es als probieren geht über Studieren und Fehler sind zum lernen da Variante! :D

Ziel ist es nicht das hier zu mergen! Ich habe nur mitbekommen, dass wir uns in Richtung NextJS bewegen, weshalb ich das hier mal für mich probeweise gemacht habe. Lasst eure Ideen oder Kommentare gerne unten stehen :)

Changes

• swap frontend with frontend as NextJS variant
• adjust Docker-Compose / app instead of src / npm run dev
• adjust csproj / .next instead of build
• add postcss_cli for css output

Aber Marius wie lass ich das jetzt laufen?!?11Elf

cd Template.ProcessCube.Project

dotnet msbuild -t:Start

Meine Gedanken dazu

• Wenn man NextJS als diese Variante baut, fällt der App Router ein bisschen hinten rüber, weil sich das eben im Frontend selbst bewegt -> localhost:3000. Erst hier kann man quasi die Ordner durchwandern. Um das übergeordnet zu nutzen müsste NextJS wahrscheinlich im Portal selbst schon laufen EDIT: Die Navigation funktioniert auch im Portal, allerdings rendert der StartDialog dann nicht mehr vernünftig
• Aktuell wird die TaildwindCSS File nicht live neugebaut. Erst bei einem Neustart werden die neuen CSS Klassen ausgeführt und mitgeliefert, da muss ich nochmal überlegen :)