<Hero/>

Froneri.React & Gatsby.

/(f|&)/i
Launch website
<Text/>

Overview

We revamped Froneri's corporate website, migrating it to Jamstack with a Gatsby/React frontend and Strapi as a headless CMS.

To implement features like site search and contact forms, we developed several specialised APIs and plugins.

  • React Development
  • Headless CMS
  • API Integration
  • Continuous Integration and Deployment
<Grid/>

Highlights5

Page builder

Strapi page builder allows selection of repeatable content components, allowing admin users to construct pages without technical expertise.

Site search

A high-performance site search powered by OpenSearch, built with custom API endpoints in Node.js. Includes client-side filtering, sorting, and pagination.

Brand themes

CMS users can select a theme from one of Froneri's multiple sub-brands (Oreo, Cadbury, Nuii and more) to create branded pages with different colours.

Product data from API

Froneri manage product assets and data through an external platform. The platform's REST API is integrated with to import product data into Strapi.

Jamstack blog

A fully-featured Jamstack blog platform with WordPress-like features: publishing, categories, and search.

<List/>

Built with

  • React
  • Gatsby
  • CSS-in-JS
  • Chakra UI
  • Strapi
  • OpenSearch
  • Circle CI
  • Platform.sh
<Grid/>

Further work

See more projects