Unlock seamless workflows and faster delivery with our latest releases – get the details

SHING

By Kanji Yomoda

A media about mattress including search and comparison functionality.

About the project

SHING is a media / service to help users to find best mattress for them in Japan.

Next.js is used for the frontend and on-demand ISR by sanity webhook is used to improve performance and also reduce the cost.

We also use sanity webhook to sync post and mattress data to backend and Algolia(search engine) for search functionality and showing related posts and mattresses.

The biggest challenge we have is to integrate custom components to the sanity block content. We have some data in backend, we need to fetch the data from backend through GraphQL API if the component is in the content. We are currently analyzing block content beforehand and check the required custom components then fetch the data from backend when page is built in SSG or ISR.

Contributor