- خپره شوې پر
ولې د PWA جوړول په Next.js کې ستونزمن دي؟
- لیکوالان
- نوم
- Imamuzzaki Abu Salam
- https://x.com/ImBIOS_Dev
د Next.js سره د پروګریسو ویب اپ (PWA) جوړول
د Next.js سره د پروګریسو ویب اپ (PWA) جوړول تل اسانه نه و. په دې لیکنه کې، موږ به د پخوانیو ستونزو په اړه بحث وکړو چې پراختیا کونکو سره مخامخ شوي، د next-pwa پلګ ان راڅرګندیدل، او د @imbios/next-pwa بسته سره په راتلونکي کې هیله مند آینده.
څو کاله مخکې
څو کاله مخکې، د Next.js څخه د سکریچ څخه د PWA جوړول خورا ګران و. پراختیا کونکو باید د ډیرو ستونزو سره مخ شوي او د PWA مختلف اړخونه په لاسي توګه تنظیم کړي وي، لکه د خدماتو کارګران، د کیچ کولو تګلارې او د آفلاین ملاتړ. دا پیچلتیا د پراختیا کونکو لپاره دا ستونزمنه کړه چې په چټکۍ او اغیزمن ډول لوړ کیفیت PWA جوړ کړي.
next-pwa
سره مینه لرم
زه کله چې ما لومړی د next-pwa پلګ ان کشف کړ، دا د لوبې بدلونکی و. دا پلګ ان د Next.js سره د PWAs جوړولو پروسه ساده کړه په دې توګه چې صفر-کنفیګ حل چمتو کړ، چې دا ډیر اسان لاسرسی وموند. زه په شخصي توګه د ImBIOS/cardus-app پروژه کې دې څخه کار اخیستی او د هغې د کارولو اسانتیا او قوي ځانګړتیاو سره مینه درلودم.
appDir د لوبې بدلونکی دی
د Next.js 13 خپریدو سره، په 2022 کې د appDir په نامه یو بیټا ځانګړتیا پیل شوه. دا ځانګړتیا د React 18 Server Components منلو ده او د Next.js پراختیا لپاره یو مهم ګام ښودل کیږي. دا د ډاینامیک ویب ایپ جوړولو پروسه ساده کوي او د پراختیا کونکو لپاره نوي امکانات پرانيزي.
زه باید اقدام وکړم
له بده مرغه، د next-pwa پلګ ان وروستی تازه 8 میاشتې مخکې و، او د هغې ساتونکی له هغه وخته راهیسې غیر فعال دی. دا حالت د پراختیا کونکو ته د هغه حل په لټه کې پریښود چې د Next.js وروستي ځانګړتیاوو سره مطابقت ولري، لکه appDir.
@imbios/next-pwa
حل دی
ما د next-pwa پلګ ان بیا ژوند ته راوړلو او د @imbios/next-pwa په نامه یوه نوې بسته کې خپرول ستونزمن تصمیم ونیو. دا تازه شوی بسته به د Next.js وروستي ځانګړتیاوو سره مطابقت تضمین کړي او د پراختیا کونکو لپاره چې د Next.js په کارولو سره PWAs جوړول غواړي دوامداره ملاتړ چمتو کړي.
په لنډه توګه، پداسې حال کې چې د Next.js سره د PWAs جوړول یو وخت ستونزمن کار و، د next-pwa او اوس @imbios/next-pwa راڅرګندیدل د پروسه ډیر اسانه او اغیزمن کړی دی. د دوامداره ملاتړ او د Next.js وروستي ځانګړتیاوو سره مطابقت سره، پراختیا کونکي کولی شي په PWA پراختیا کې د یوه روښانه آینده هیله ولري.
د ریپو څخه کتنه وکړئ: https://github.com/ImBIOS/next-pwa