Недавно я решил создать PWA с помощью Gatsby.js. Я намеревался иметь
- домашняя страница
- Страница со списком продуктов
- Страница отображения продукта
Я мог бы легко сделать домашнюю страницу, так как содержимое этой страницы почти статично.
У меня была страница со списком продуктов, на которой слева были фильтры. Как только я выберу фильтры, список отфильтрованных продуктов будет показан при нажатии на Shopify API. Я чувствую, что это невозможно сделать с Gatsby, используя их слой GraphQL, поскольку он извлекает данные во время сборки и не может обрабатывать данные в реальном времени как таковые. Поэтому я считаю, что должен получать данные только из React и управлять приложением оттуда. Точно так же у меня есть разбивка на страницы, которую было бы сложно построить, поскольку она должна делать запрос каждый раз, когда мы переходим на следующую страницу.
Мой вопрос будет заключаться в том, как мы можем мыслить оптимальным образом для создания таких приложений с использованием gatsby.