A personal web app.

Background is a personal web app, designed to showcase my passion, journey and self.


Theming uses advanced theming capabilities based on Material Design colour science, allowing beautiful custom themes to be created from a single colour or image.

PWA Support was designed to be a fully responsive PWA (Progressive Web App).
Being a PWA means this app can be installed on any device, plus additional powerful capabilties such as offline support.

Pre-rendering uses Next.js to take advtantage of pre-rendering in the form of static generation, allowing lightning fast load times. Static generation generates HTML at build time, to be reused on each request.

Modularity & Lazy Loading is modular and lazy loaded, meaning components are only loaded when needed. For example, the <Snackbar> component is only loaded when called for the first time.

Built using

Languages, frameworks and tools.