- منتشر شده در
د سکیلینګ لپاره د Next.js 3 معماري ماډلونه
- نویسندگان
- نام
- Imamuzzaki Abu Salam
- https://x.com/ImBIOS_Dev
د نېکس.js لپاره غوره بويلرپليټونه چې د سکیل وړ غوښتنليکونه جوړوي
نېکس.js د رياکټ چوکاټ دی چې تاسو ته اجازه درکوي چې د سرور په اړخ کې د رنډر شوي رياکټ غوښتنليکونه جوړ کړئ. دا د وېب غوښتنليکو د جوړولو لپاره يو عالي وسيله ده، خو کله چې ستاسو غوښتنليک وده کوي، ستاسو د غوښتنليک سکیل کول ستونزمن کیدی شي. په دې مقاله کې، موږ به د سکیل وړ وېب غوښتنليکو د جوړولو لپاره د نېکس.js ځینو غوره بويلرپليټونو ته وګورو.
د نېکس.js پراختیا کونکو ټولنه ډېر بويلرپليټونه رامینځته کړي دي چې تاسو یې د خپل پروژې د پیل لپاره کارولی شئ. دا بويلرپليټونه د سکیل وړ وېب غوښتنليکو د جوړولو لپاره عالي دي. دوی د پراخولو او ساتلو لپاره هم اسانه دي. په دې مقاله کې، موږ به د سکیل وړ وېب غوښتنليکو د جوړولو لپاره د نېکس.js ځینو غوره بويلرپليټونو ته وګورو.
ولې موږ ته بويلرپليټ ته اړتیا لرو؟
بويلرپليټ یو ټیمپلیټ دی چې تاسو یې د نوي پروژې د پیل لپاره کارولی شئ. دا د پروژې سره د پیل کولو لپاره ټول اړین فایلونه او فولډرونه لري. دا د نوي پروژې د پیل په وخت کې د وخت او هڅې د خوندي کولو لپاره یو عالي لاره ده.
د بويلرپليټ په کارولو سره، تاسو کولی شئ د خپل غوښتنليک پر بنسټي خصوصیاتو تمرکز وکړئ په داسې حال کې چې د پروژې د تنظیم کولو لپاره وخت مصرف نه کوئ. دا تاسو ته د ښه تمرینونو او نمونو د تعقیب لپاره هم مرسته کوي چې د ټولنې لخوا کارول کیږي.
یو سکیل وړ نېکس.js غوښتنليک څه شی دی؟
یو سکیل وړ غوښتنليک یو دی چې کولی شي د کاروونکو او غوښتنو لوی شمېر اداره کړي. دا د ساتلو او پراخولو لپاره هم اسانه دی. دا مهمه ده چې د پیل څخه یو سکیل وړ غوښتنليک جوړ کړئ ترڅو وروسته د کوډ د بیا جوړولو څخه مخنیوی وشي.
سکیل وړتیا د وېب غوښتنليک د جوړولو په وخت کې یو ډېر مهم فکتور دی. دا مهمه ده چې د سکیل وړ غوښتنليک د جوړولو لپاره سم وسایل او معماري انتخاب کړئ. موږ باید تل په یاد ولرو چې زموږ غوښتنليک به په راتلونکي کې وده وکړي، نه یوازې د کثافاتو په څیر چې موږ یې د ګیټهوب مخزن کې ښخوو.
د سکیل وړ نېکس.js غوښتنليکو د جوړولو لپاره غوره بويلرپليټونه
د سکیل وړ نېکس.js غوښتنليکو د جوړولو لپاره ډېر بويلرپليټونه شتون لري. دلته د ځینو غوره بويلرپليټونو لیست دی چې تاسو یې د خپل پروژې د پیل لپاره کارولی شئ.
د alexeagleson لخوا نېکس.js بويلرپليټ
دا بويلرپليټ د نېکس.js غوښتنليک د جوړولو لپاره یو عالي پیل دی. دا د ټایپ سکریپټ سره جوړ شوی او د نېکس.js 12 کاروي. دا د سټایل کولو لپاره د ټایلونډ CSS هم کاروي. دا د سکیل وړ وېب غوښتنليک د جوړولو لپاره یو عالي بويلرپليټ دی.
د خصوصیتونو ټکي:
- نېکس.js 12 (تاسو کولی شئ د ریپوزیتوری کې د نېکس.js 13 ته د اپګریډ کولو کې مرسته وکړئ)
- ټایپ سکریپټ
- انجن لاک کول
- ای ایس لينټ
- پريټيئر
- ګیټ هوکس (هسکی)
- VS کوډ تنظیم
- VS کوډ ډیبګ کول
- سټوري بوک
- د اجزاو ټیمپلیټ
- د کمیټ لینټینګ
موږ کولی شو د ریپوزیتوری په کلون کولو او په لاندې حکمونو سره په اسانۍ سره نوې پروژه پیل کړو:
gh repo clone alexeagleson/nextjs-fullstack-app-template
# یا
git clone git@github.com:alexeagleson/nextjs-fullstack-app-template.git
# یا
git clone https://github.com/alexeagleson/nextjs-fullstack-app-template.git
# یا تاسو کولی شئ د ډیګیت کارولو هم وکړئ که تاسو غواړئ په لومړي سر کې د ګیت پرته ټیمپلیټ وکاروئ
که تاسو ته ټایلونډ CSS یا کوم سټایل فریم ورک ته اړتیا لرئ، تاسو لاهم باید دا په لاس نصب کړئ. مګر، دا د دې پروژې سره د پیل کولو لپاره ډېر ښه دی، دا ډېره مرسته لري په ځانګړې توګه کله چې موږ د ټیم سره پیل کوو. دا ډېر ښه تمرینونه لري او ساتل یې اسانه دي. دا د پراخولو او نوو خصوصیتونو د اضافه کولو لپاره هم اسانه دی. موږ کولی شو د نوي اجزا د جوړولو لپاره لارښود تعقیب کړو یا خپل CLI ولیکو ترڅو پروسې اتومات کړو.
ټول ډول لینټینګ او فارمټینګ دمخه تنظیم شوي دي. موږ کولی شو د VS کوډ تنظیم هم وکاروو ترڅو د پروژې سره کار کول اسانه کړو. دا د سټوري بوک تنظیم هم لري چې موږ یې د خپلو اجزاو د جوړولو لپاره کارولی شو. دا بويلرپليټ د کمیټ - msg هوک لري چې موږ یې د خپل کمیټ پیغام د لینټ کولو لپاره کارولی شو. موږ کولی شو د سټوري بوک په کارولو سره خپل اجزا په اسانۍ سره سند کړو.
ریپوزیتوری: alexeagleson/nextjs-fullstack-app-template بلاګ: د خپل نېکس.js پروژې لپاره د سکیل وړ معماري د جوړولو څرنګوالی
د ipenywis لخوا نېکس.js بويلرپليټ
هغه په دې بويلرپليټ د خپل تشریح ویډیو کې وویل، دا د سينئر رياکټ پروژې تنظیم دی چې تاسو ته د جونیئر پراختیا کونکي په توګه اړتیا لرئ. تاسو کولی شئ په اسانۍ سره د سينئر په څیر معماري جوړ کړئ.
په نن ورځ د وېب پراختیا د چټکې نړۍ کې، دا اړینه ده چې ستاسو په واک کې سم وسایل او چوکاټونه ولرئ. دا هغه ځای دی چې د ټربورپ، زوستنډ، ټایلونډ CSS او ټایپ سکریپټ سټاک سره د نېکس.js غوښتنليک راځي - د پرمختللو ټیکنالوژیو یو پیاوړی ترکیب چې ستاسو د پراختیا پروسه کولی شي چټک، ګړندی او ډېر اغیزمن کړي.
د دې سټاک یو له کلیدي ګټو څخه نېکس.js دی، د سرور په اړخ کې د رنډر شوي رياکټ غوښتنليکو د جوړولو لپاره یو غوره چوکاټ. دا د کوډ د اتوماتیک تقسیم، د ښه فعالیت او اسانه تطبیق چمتو کوي، دا د هغو پراختیا کونکو لپاره مناسب انتخاب کوي چې غواړي د بنسټیز زیربنا په اړه اندېښنه پرته د قوي او سکیل وړ وېب غوښتنليکو د جوړولو په اړه تمرکز وکړي.
ټربورپ یو بل وسیله ده چې کولی شي ستاسو د کار جریان په پام کې نیولو سره د مونو ریپوزیتوری پراختیا په ښه کولو کې ستاسو سره مرسته وکړي. دا پراختیا کونکو ته اجازه ورکوي چې د یوه ریپوزیتوری په دننه کې د ډېرو بسته ګانو سره کار وکړي، د وخت او انرژۍ په خوندي کولو کې ډېره مرسته کوي پداسې حال کې چې ستاسو د کوډ بیس اداره کول او ساتل اسانه کوي.
زوستنډ یو لږ وزن لرونکی حالت اداره کولو کتابتون دی چې د رياکټ غوښتنليکونو کې د حالت د اداره کولو لپاره ساده او په زړه پوری چلند وړاندې کوي. دا کولی شي ستاسو د کوډ بیس پاک او تنظیم کولو کې ستاسو سره مرسته وکړي پداسې حال کې چې د ستاسو د غوښتنليک د حالت سره کار کول او تازه کول اسانه کوي.
ټایلونډ CSS یو یوتیلیټي - لومړی CSS چوکاټ دی چې کولی شي په اسانۍ سره د ځواب ورکوونکو او د شخصي کولو وړ کاروونکو انٹرفیسونو ډیزاین کولو کې ستاسو سره مرسته وکړي. د هغې د زړه پوری یوتیلیټي ټولګيو او لچکدار د شخصي کولو اختیارونو سره، تاسو کولی شئ د حیرانونکو ډیزاینونو جوړولو کې ستاسو سره مرسته وکړي چې په هر وسیله یا سکرین اندازه کې ښه ښکاري.
په نهایت کې، ټایپ سکریپټ ژبې ته استاتیک ټایپینګ اضافه کوي، چې د ښه ټایپ خوندیتوب او پراختیا کونکي تجربه چمتو کوي. دا کولی شي په لومړیو وختونو کې د ختیاوو نیولو کې ستاسو سره مرسته وکړي او ډاډ ترلاسه کړي چې ستاسو د کوډ بیس پاک او تنظیم شوی دی.
په مجموعي توګه، د ټربورپ، زوستنډ، ټایلونډ CSS او ټایپ سکریپټ سټاک سره د نېکس.js غوښتنليک د هغو هر پراختیا کونکي لپاره یو پیاوړی او عصري انتخاب دی چې غواړي د پرمختللو وېب غوښتنليکونه جوړ کړي. پداسې حال کې چې ممکن د زده کړې یو څه منحني شتون ولري، ګټې د هڅې ارزښت لري، په شمول د چټک پراختیا وختونو، د ښه فعالیت او د کوډ بیس د ساتلو اسانتیا. نو ولې یې هڅه نه کوئ او یې ځان لپاره وګورئ؟
یوازې هڅه یې وکړئ، دا واقعیا ښه دی. دا د پراخولو او ساتلو لپاره اسانه دی.
ریپوزیتوری: ipenywis/your-react-boilerplate یوټیوب: د سينئر رياکټ پروژې تنظیم دی چې تاسو ته د جونیئر پراختیا کونکي په توګه اړتیا لرئ
د T3 لخوا نېکس.js بويلرپليټ
T3 غوښتنليک جوړ کړئ (CT3A) د وېب غوښتنليکو د جوړولو لپاره یو پیل کټ دی چې د عصري ټیکنالوژیو ځانګړي سیټ کاروي چې T3 سټاک جوړوي. T3 سټاک د ټایپ سکریپټ، tRPC او ټایلونډ CSS څخه جوړ دی. CT3A د وېب غوښتنليکو د جوړولو لپاره یو پیاوړی او اسانه کارولو پلیټ فارم جوړولو لپاره دې سټاک ته اضافي ټیکنالوژي اضافه کوي.
د CT3A له ځانګړو ځانګړتیاوو څخه یو د ټایپ سکریپټ کارول دي. د CT3A جوړونکي باور لري چې ټایپ سکریپټ د وینیل جاوا سکریپټ په پرتله ډېره ثابت او لږ نا امیدي تجربه چمتو کوي، په ځانګړې توګه د هغو پراختیا کونکو لپاره چې د وېب پراختیا ته نوي دي. د ټایپ سکریپټ سره، پراختیا کونکي د کوډ لیکلو په وخت کې ژوندي نظرونه ترلاسه کوي، چې د ختیاوو د مخنیوي کې مرسته کوي او په اوږد مهاله کې وخت خوندي کوي.
بل کلیدي ټیکنالوژي چې په CT3A کې کارول کیږي نېکس.js دی، د رياکټ پر بنسټ غوښتنليکو د جوړولو لپاره یو مشهور وېب چوکاټ. نېکس.js د غوښتنليکو د جوړولو لپاره یو لږ نظر او ډېر ښه شوی چلند وړاندې کوي، چې د پراختیا کونکو لپاره دا اسانه کوي چې د خپلو غوښتنليکو د جوړولو په وخت کې ښه پریکړې وکړي.
CT3A د tRPC هم کاروي، د GraphQL یو بدیل چې د ټایپ سکریپټ سره په ګډه، د ټایپ سکریپټ سره یو عالي پراختیا کونکي تجربه چمتو کوي چې کارول یې اسانه دي او ډېر ښه فعالیت لري.
د دې کلیدي ټیکنالوژیو سربیره، CT3A د وېب پراختیا کې معمولا کارول شوي ځینې نور ټیکنالوژي هم شامل دي. دا شامل دي پریسما، چې د ډیټابیس څخه غوښتنليک ته د پای - پای ټایپ خوندیتوب چمتو کوي او د ډیټابیس سره د ورځني تعاملاتو اسانه کولو لپاره د وسیلو سیټ وړاندې کوي. CT3A د ټایلونډ CSS هم کاروي، یو مشهور یوتیلیټي - لومړی CSS چوکاټ چې د ټولګيو نوم ورکولو یا فایلونو د تنظیم کولو په اړه اندېښنه پرته، د ښه ښکاري غوښتنليکو د جوړولو لپاره اسانه کوي. په نهایت کې، CT3A د نېکس اتھ.js شامل دی، د ستاسو د نېکس.js غوښتنليک ته د تصدیق او امنیت راوړلو لپاره حل چې د خپل جوړولو د ستونزې پرته.
په مجموعي توګه، د T3 غوښتنليک جوړ کړئ د هرچا لپاره یو عالي پیل دی چې غواړي د پیاوړو او اسان کارولو ټیکنالوژیو سیټ په کارولو سره عصري وېب غوښتنليکونه جوړ کړي. د ټایپ سکریپټ، نېکس.js، tRPC، پریسما، ټایلونډ CSS او نېکس اتھ.js سره، CT3A د عصري وېب غوښتنليکو د جوړولو لپاره یو بشپړ او ډېر ښه فعالیت لرونکی پلیټ فارم چمتو کوي. که تاسو غواړئ د وروستیو ټیکنالوژیو او ښه تمرینونو سره وېب غوښتنليکونه جوړ کړئ، CT3A یقینا د تایید کولو ارزښت لري.
پایله
دا د نن ورځې لپاره ټول دي. امید لرم چې تاسو دا مقاله ګټوره ومومئ. که تاسو کومه پوښتنه یا وړاندیز لرئ، مهرباني وکړئ په لاندې نظر برخه کې راته خبر ورکړئ. د لوستلو لپاره مننه.