Трудно создать PWA с Next.js: но почему?
2 мая 2023 г.Создание прогрессивного веб-приложения (PWA) с помощью Next.js не всегда было гладким процессом. В этом посте мы обсудим проблемы, с которыми разработчики сталкивались в прошлом, появление подключаемого модуля next-pwa и захватывающее будущее с пакетом @imbios/next-pwa.
Несколько лет назад
Несколько лет назад создать PWA с Next.js с нуля было довольно сложно. Разработчикам пришлось долго учиться и вручную настраивать различные аспекты PWA, такие как сервис-воркеры, стратегии кэширования и автономная поддержка.
Эти сложности мешали разработчикам быстро и эффективно создавать высококачественные PWA.
Я 💖 следующий-pwa
Когда я впервые обнаружил плагин next-pwa, он изменил правила игры. Этот подключаемый модуль упростил процесс создания PWA с помощью Next.js, предоставив решение без настройки, что сделало его гораздо более доступным.
Я лично использовал его в проекте ImBIOS/cardus-app и влюбился в его простоту использования и мощные функции.
appDir меняет правила игры
С выпуском Next.js 13 в 2022 году была представлена бета-функция под названием appDir. Эта функция основана на серверных компонентах React 18 и представляет собой значительный шаг вперед в развитии Next.js.
Он упрощает процесс создания динамических веб-приложений и открывает новые возможности для разработчиков.
Я должен принять меры
К сожалению, последнее обновление плагина next-pwa было 8 месяцев назад, и с тех пор его сопровождающий неактивен. В этой ситуации разработчикам потребовалось решение, совместимое с последними функциями Next.js, такими как appDir.
@imbios/next-pwa — решение
Я принял трудное решение воскресить плагин next-pwa и опубликовать его в новом пакете под названием @imbios/next-pwa.
Этот обновленный пакет обеспечит совместимость с последними функциями Next.js и предоставит постоянную поддержку разработчикам, которые хотят создавать PWA с помощью Next.js.
В заключение, хотя создание PWA с помощью Next.js когда-то было сложной задачей, появление next-pwa, а теперь и @imbios/next-pwa сделало этот процесс более доступным и эффективным.
Благодаря постоянной поддержке и совместимости с последними функциями Next.js разработчики могут рассчитывать на светлое будущее разработки PWA.
Проверьте репозиторий здесь: https://github.com/ImBIOS/next-pwa
Впервые опубликовано здесь
Оригинал