Hallo,
Beschäftige mich derzeit wieder intensiver mit dem Thema SPAs.
https://dimension.matnard.now.sh/ veranschaulicht in etwa das Prinzip, hinter dem ich her bin. (Hierbei handelt es sich zwar um ein Showcase Projekt für das Framework Frontity, aber selbiges sollte doch auch mit nicht allzu großen Aufwand mit reinem Javscript / PHP ohne massive Bibliotheken bzw. Frameworks umsetzbar sein...?).
Sieht man sich das Beispiel an, so fällt auf, dass die Pfade /Intro, /About, /Work und /Contact aufgerufen werden können, gleichzeitig sämtliche Inhalte aber vorgeladen werden und dadurch kein Page Refresh stattfindet. Die Navigationsverläufe werden in der History dennoch gespeichert und können im Browser mit "zurück" und "vorwärts" wiederhergestellt werden.
Frontendseitig sollte dabei die Umsetzung mit location.pathname
, sowie der History API (history.pushState
, etc.) nicht allzu große Schwierigkeiten bereiten, wie sieht das am Backend mit PHP aus?
Meines Erachtens benötige ich hierfür bloß für jeden Pfad ein Redirect auf [../]index.php, wo ich dann frontendseitig die Eingabe der URLs sowie die Klicks auf Navigationspunkte weiterbehandle.
Liege ich mit dieser Annahme richtig?
Kopfzerbrechen bereitet mir dabei auf die SEO. Sind Bots mittlerweile schon soweit, dass sie Javascript-generierte Inhalte berücksichtigen?
Wie ihr seht, befinde ich mich zu Beginn eines neuen Projekts. Würde mich sehr freuen, wenn zu den beiden in bold verfassten Fragestellungen irgendwer weiterführende hilfreiche Ressourcen bereitstellen könnte, damit ich mich entsprechend einlesen könnte (akzeptiere natürlich auch gerne direkte Antworten hier im Forum).
Dank euch im Voraus!
Manuel.