Starting frontend rebuild

Posted on December 18, 2023 by: Rob van der Linde
Filed under: Announcements, Developments
Tags: wainuiomata, website, react, design, theme, vite

I went for a brief visit to the Wainuiomata Historical Museum yesterday, it was a short but informative visit. We updated the link to their website as we didn't have the correct one set so we fixed that. I also learned of similar sites and added them to the Links section and sent out a hello.

When adding historical material to the site that isn't our own content we will always source it, and make sure that it is accurate which is important to them. We try to do this anyway, but from our short meeting I got the picture that this was important.

I also started building the frontend so I'm quite excited, first day of development towards the new interface rebuild. I started setting up a NodeJS React build pipeline and fit that into the existing Wagtail site structure with Docker containers.

We are using NodeJS, React, Vite and Typescript. Things can always change rapidly in web development, particularly frontend. But that is the stack at the moment. Hot module reload (HMR) is working beautifully which allows for instant feedback which is awesome. Make a change to a Javascript, Typescript or CSS file and it instantly refreshes but without reloading the page. This brings frontend development to modern times finally, but we have to fit it in with the existing backend rendered pages so this isn't a single page app.

I am still thinking if I should roll some of this out incrementally, like React in the current site first.

comments powered by Disqus