samedi 21 août 2021

shared layout in s3 + jquery + lambda website

I have a late 90s LAMP stack website that handles shared layout using a base Page class with a Display method something like this. Each individual page subclasses the Page class; usually just overriding the Body method and setting some properties. So all the shared look and feel is in the base class where it is easy to update across the site.

public function Display() {
    ?>
    <!doctype html>
    <html>
    <?
    $this->Head();
    $this->Headers()
    $this->Body();
    $this->Footers();
    ?></html><?
}

I'm contemplating moving it into the 21st century, as a static s3 website with the dynamic bits handled with jQuery and Lambda functions. One important feature I don't want to lose is keeping the shared look and feel in one location. I'd also like to avoid re-inventing the wheel here.

Most examples I've found out there are "single page applications" or reproduce the layout on every page. So any good pointers for best practices for doing this?




Aucun commentaire:

Enregistrer un commentaire