We have recently launched a new Zak Group website that represents our integrated approach to design and technology. The website presents over a decade’s worth of commissioned projects, proposals, exhibitions and related content.
The front-end is built as a single page application (SPA) with Vue.js, Vue-Router and Vuex for state management. We used the Webpack module bundler to manage the build process, resolve dependencies and run code compilation using Babel, LESS and PostCSS. The app is served by a lightweight Express / Node server which implements server-side rendering both for backwards compatibility and SEO purposes. Rather than generating markup directly, all content is exposed by the back-end through a custom JSON API built with the Processwire content management framework. The system regularly caches static content to optimize load times and minimise server load. As a result the overall user experience should feel much faster.