Чаро сохтани PWA бо Next.js душвор аст?

Сохтани Барномаи Веби Пешрафта (PWA) бо Next.js: Роҳи Нав

Сохтани Барномаи Веби Пешрафта (PWA) бо Next.js ҳамеша як таҷрибаи ҳамвор набуд. Дар ин мақола, мо дар бораи мушкилоте, ки барномасозон дар гузашта бо он рӯ ба рӯ буданд, пайдоиши плагини next-pwa ва ояндаи ҷолиби бастаи @imbios/next-pwa муҳокима хоҳем кард.

Чанд Сол Пеш

Чанд сол пеш, сохтани PWA бо Next.js аз сифр хеле душвор буд. Барномасозон бояд бо мушкилоти омӯзиши тез ва танзими дастӣ баъзе ҷанбаҳои PWA, ба монанди кормандони хизмат, стратегияҳои кэшинг ва дастгирии офлайнӣ мубориза мекарданд. Ин мушкилот барои барномасозон мушкил буд, ки PWA-ҳои баландсифат ва зуд ва самаранок созанд.

Ман 💖 next-pwa -ро Дӯст Дорам

Вақте ки ман барои аввалин бор плагини next-pwa -ро кашф кардам, ин як тағйири бозӣ буд. Ин плагин раванди сохтани PWA-ҳо бо Next.js -ро бо пешниҳоди як ҳалли бетанзим содда кард ва онро хеле дастрас кард. Ман шахсан онро дар лоиҳаи ImBIOS/cardus-app истифода кардам ва аз осонии истифода ва хусусиятҳои пурқуввати он шод шудам.

appDir Тағйири Бозӣ Аст

Бо нашри Next.js 13, як хусусияти бета ба номи appDir дар соли 2022 муаррифӣ шуд. Ин хусусият аз ҷониби Компонентҳои Сервери 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-ро интизор шаванд.

Repo -ро дар ин ҷо санҷед: https://github.com/ImBIOS/next-pwa