Hero

Froneri.
React Website [Gatsby].

/(f)/i

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

Froneri.
React Website [Gatsby].

Overview