Блоги и магазины? На саппере делают.
просто сделайте в шаблоне каждой страницы <script src="%__page_bundle__%"></script> и проставьте нужный путь до бандла
у меня есть фанатичная идея сделать Static Generated Shop, только вместо Sapper мы пока все же Gatsby взяли. https://ns-doors.web.app/ Там 15к товаров, они все ренерятся в статику при сборке. АПИ для списка продуктов публично не доступно. Для поиска и фильтров используется Fuse (сильно быстрее чем ходить на сервер) АПИ только для корзины (пока там еще не доступно на стейдже) Основные плюсы такого подхода - очень быстрая доставка страниц клиенту, хостинг на cdn, очень высокий уровень отказоустойчивости, 100% устойчивость к попыткам взлома нашего статичного HTML. Минусы - очень долгое время генерации. Фактически у нас больше часа идет генерация прод сборки. Пока не починили, но скорее всего прийдется сделать кеш сборки с локальным каталогом товаров (просто 15к запросов к GraphQL очень долго происходят) Аналогичное решение можно сделать на саппере, но т.к. у нас бек предоставляет готовый Gql, а Gatsby с ним хорошо дружит - мы выбрали его. (У саппера есть примеры с Apollo, но не могу сказать что там все просто) То есть сделать магазин с большим количеством товаров можно на саппере абсолютно статическим через sapper export, а апи уже подключать для корзины и иных действий которые требуют авторизации. То есть как по мне идея делать магазин на свелте - супер идея.
А объект на 15к товаров для фильтров и поиска не сильно жирно?
https://fusejs.io/
FlexSearch обрабатывает JSON на 13 мегабайт с несколькими языками(~80 тысяч товаров) за ~6 секунд на Amazon Kindle и поиск 100 товаров занимает ~190 мс Так что не жирно 15к
6 секунд в воркере а не гуевом треде?
Если перенести в воркер вычисления то будет приблизительно вдвое дольше в первый раз обрабатываться, так что оставил в мейн треде - все равно не лагает пока прелоадер крутится
Забавно, мы тоже самое пилим. На подбор подходящего CDN пришлось более 30 вариантов перебрать, чтобы получить минимальный пинг по всем городам и еще с пяток Image CDN, для формирования превьюх, автофокус и проч. Для всех страниц пререндеринг + упаковка в Brotli / Zopfli с перерасчетом статики если изменилось что-то с описании товара или категориях.
Обсуждают сегодня