Web appOpen in Telegram
Theme
Web appOpen in Telegram
NNextPro | برنامه نویسی

NextPro | برنامه نویسی

@NextPro_Ch · channel · Tech · indexed since 2026-07-21
Open in Telegram
229subscribers
218posts in the index
9 October 2025
Peyman Ahmadi
Photo
click to show
🎁 اگر علاقه داشته باشید که قواعد UI/UX رو درحد فرانت‌اند دولوپر بلد باشید, آقای Emil Kowalski ( اِمیل کووالسکی ) رو بهتون معرفی می‌کنم — که حتی با پروژه های ShadcnUI & HeroUI & Vercel همکاری داشته/داره. 🎁 🌐 His personal website's link 🚀 @NextPro_Ch
11 · 431 ·
P
Reply❓ معرفی AetherCSS: ساخت بک‌گراند های Glassmorphism در کسری از ثانیه. 🎁 🎁 مثل همیشه داشتم تو اینترنت گشت و گذار می‌کردم که چشمم خورد به یک پروژه شخصی و واسم جذاب اومد و گفتم با شما هم به اشتراک بذارم 🎁 🎁 شما با استفاده از این وبسایت می‌تونید به سادگی بک‌گراند های "یخی", "شیشه ای" و Neumorphism ایج
اگر علاقه داشتید تو لینکدین فالوم کنید و منم متقابلا فالو بک کنم. 📱 https://www.linkedin.com/in/peyman-geek/ 🚀 @NextPro_Ch
1 · 422 ·
11 October 2025
12 October 2025
P
Peyman Ahmadi
Photo
click to show
یه منبع عالی برای پس‌زمینه‌های مدرن وب: Pattern Craft 🎨 اخیراً با یه ابزار جالب به اسم Pattern Craft آشنا شدم که واقعاً نظرم رو جلب کرد. اگر تو هم مثل من همیشه دنبال یه راه تمیز و سریع برای ساخت پس‌زمینه‌های جذاب بدون افت سرعت یا استفاده از تصویر هستی، حتماً یه نگاهی بهش بنداز. 👌 وبسایت Pattern Craft یه مجموعه بزرگ از الگوها و گرادیانت‌های CSS و Tailwind داره (۲۴۱ تا دقیق‌ترش 😅) که می‌تونی خیلی راحت کدشون رو کپی و توی پروژه‌ت استفاده کنی. نیازی به نصب چیزی نیست، فقط چند خط کد — و تمام! نتیجه؟ یه پس‌زمینه‌ی سبک، واکنش‌گرا و حرفه‌ای که حس “تمیزی طراحی” رو منتقل می‌کنه. چند تا ویژگی که من خیلی دوست داشتم 🎁 🔘 پیش‌نمایش تعاملی (خیلی باحاله روی موبایل و دسکتاپ) 🔘 تنوع بالا از بافت‌های ظریف تا گرادیانت‌های چشم‌نواز 🔘 کدنویسی تمیز با Tailwind و CSS مدرن 🔘 بدون افت عملکرد یا نیاز به تصاویر سنگین 🔘 به نظرم برای هر کسی که روی UI/UX یا Frontend کار می‌کنه، یه ابزار الهام‌بخشه و واقعاً کاربردیه. 🔘 من خودم چند تا از الگوهاش رو تست کردم و به‌نظرم تو پروژه‌های بعدی قطعاً ازش استفاده می‌کنم. 🌐 Craft beautiful's website 📱 My Linkedin page 📱 My personal website 🚀 @NextPro_Ch
24 · 432 ·
13 October 2025
Peyman Ahmadi
Photo
click to show
ولی خدایی #وایب_کدینگ هم حد و اندازه‌ای داره ها!🤦‍♂️ بازار کار برنامه نویسی تو وضعیت عجیبیه ! انبوهی از تازه کارهایی رو میبینییم که فقط با AI "کد میزنن" و میگن که برنامه نویسن.. بنظرم نتیجه این مدل کار کردن میشه : رشد سریع در کمیت، سقوط آزاد در کیفیت! بد نیست به خودمون یادآوری کنیم: برنامه‌نویسی یعنی فهمیدن سیستم، نه فقط تولید خروجی. وگرنه این مسیر میره به جایی که «کد کار میکنه ولی هیچکس نمیدونه چرا». البته خود ماهیت وایب کدینگ بد نیست، تا وقتی پشتش درک، مسئولیت و یه ذره فهم سیستم باشه. نه وایب کدینگ مطلق! 📱 Ahmad Ahmad-Nejad 🚀@NextPro_Ch
7 · 691 ·
Photo
click to show
مفهوم CSR در Next.js یعنی چی؟ ❔ وقتی از Client-Side Rendering (CSR) حرف می‌زنیم، منظور اینه که محتوای صفحه بعد از لود شدن در مرورگر کاربر ساخته می‌شه، نه روی سرور. یعنی مرورگر یه فایل HTML خالی می‌گیره، بعد با جاوااسکریپت React شروع می‌کنه به رندر کردن محتوا. 👨‍💻 مثلاً چی؟ فرض کن وارد یه صفحه محصول می‌شی و چند لحظه طول می‌کشه تا اطلاعات ظاهر بشه — این یعنی داده‌ها از API گرفته شدن و در مرورگر رندر شدن (نه از قبل روی سرور آماده بودن). ⚠️ اما CSR همیشه انتخاب خوبی نیست. چند تا از معایبش: ⏳ تاخیر در نمایش محتوا: کاربر باید صبر کنه تا جاوااسکریپت دانلود و اجرا بشه، پس اولین محتوای قابل‌مشاهده دیرتر لود می‌شه. 🔍 ضعف در سئو: چون محتوای اولیه خالیه، خزنده‌های موتور جستجو ممکنه نتونن اطلاعات درست بخونن (مگر با تنظیمات خاص). 📉 مصرف بالای منابع سمت کاربر: رندر کامل در مرورگر یعنی استفاده بیشتر از CPU و RAM دستگاه کاربر. ✅ کی از CSR استفاده کنیم؟ وقتی صفحه‌ای کاملاً وابسته به تعامل کاربره (مثل داشبوردها یا اپ‌های تحت وب که سئو براشون مهم نیست)، CSR انتخاب خوبیه. #Nextjs #Frontend #CSR #WebDevelopment #React 🚀 @NextPro_Ch
8 · 385 ·
بدرود با نوشتن دستی API ها و تایپ هاشون ☃️ پکیج Orval یک ابزار هوشمنده که از روی فایل OpenAPI یا Swagger (که بک‌اند دولوپر برات می‌فرسته)، به صورت خودکار ریکوست‌ها و تایپ‌ مدل ها و رسپانس هارو برای کار با API می‌سازه. تو پروژه‌های بزرگ که تعداد APIها زیاده (مثلاً ۵۰ تا endpoint یا بیشتر)، نوشتن دستی اون همه ریکوست و تایپ خیلی وقت‌گیره و امکان بروز اشتباه و باگ هست. این پکیج ساخته شده تا: سرعت توسعه رو بالا ببره. هماهنگی با بک‌اند رو حفظ کنه. خطاهای تایپی و ارتباطی رو از بین ببره. ویژگی و مزیت های Orval 🌪تولید خودکار کد API: از روی فایل OpenAPI (.yaml) یا (json.) Swagger، به‌صورت خودکار توابع ریکوست (GET, POST, …) می‌سازه. 🌪تولید تایپ های TypeScript: تایپ مدل‌های داده و رسپانس هارو کامل جنریت میکنه. 🌪هماهنگی کامل با بک‌اند: وقتی بک‌اند تغییر می‌کنه، فقط نیازه یک بار کامند Orval رو اجرا کنی تا همه‌چی آپدیت بشه. 🌪پشتیبانی از کتابخونه‌های مختلف: بر اساس نیازتون میتونه خروجی رو برای Axios، Fetch API، React Query، SWR و … تولید کنه. 🌪امکان Mock کردن API: بدون نیاز به سرور واقعی، پاسخ‌های فیک Mock می‌سازه. 🌪 ساختار تمیز و سازمان‌یافته کدها: خروجی‌ها منظم، خوانا و آماده استفاده در پروژه هستن. 🔗 Document #orval @CodeModule @CodeModuleGap
6 · 456 ·
H
Replyبدرود با نوشتن دستی API ها و تایپ هاشون ☃️ پکیج Orval یک ابزار هوشمنده که از روی فایل OpenAPI یا Swagger (که بک‌اند دولوپر برات می‌فرسته)، به صورت خودکار ریکوست‌ها و تایپ‌ مدل ها و رسپانس هارو برای کار با API می‌سازه. تو پروژه‌های بزرگ که تعداد APIها زیاده (مثلاً ۵۰ تا endpoint یا بیشتر)، نوشتن دس
یکی از ابزار های به شدت خفن که متاسفانه تایم نکردم تو این مدت راجبش پست درست کنم اما از اونجایی که دیدم آقا شاهین زحمتشو کشیدن ، گفتم فوروارد کنم پ.ن: اگه هنوز جونیور نیستید و به اندازه کافی تمرین نکردید بهتره از این ابزار استفاده نکنید @NextPro_Ch
1 · 477 ·
14 October 2025
P
Peyman Ahmadi
برای زیر ۲۷ سال عزیز جان درکنار تخضصت هرچیزی که هست برنامه نویسی , دیجیتال مارکتینگ یا هرچی برو دانش مالیت رو زیاد کن از یه جایی به بعد نیازهای اولیه ات تامین میشه بعد تو میمونی با یه پول مازاد هرچقدر کم مثلا ۵۰ تومن بعد چون بلد نیستی از پول پول دربیاری میری خرجش میکنی و عملا باید بگم توانگر شدن از زمانی شروع میشه که شما بتونی با پولت کار کنی یعنی چی یعنی دانش مالی و سرمایه گزاریت رو ببری بالا با همون ۵۰ تومن باید بتونی پول بسازی مثلا ۲۰ تومن بسازی این میشه کار درست این میشه رشد وگرنه من زیاد دیدم پول داشتن اضافی رفتن پلی استیشن ۵ خریدن هفته ای یه بار هم بازی نمیکنن . من یکی از هم خدمتی هام که ۱۸ سالش بود ۵ سال پیش با همین فرمون جلو رفت و با یه کار کارمندی ساده تونسته الان ۲۵۰ میلیون پول داشته باشه چطوری پول درآورده ذخیره کرده بعد طلا خریده بود بعد فروخت مجدد ریخت خرید و .... دانش مالی رو زیاد کنین و گرنه بازهم پول ها می‌ره سر چیزهای غیر ضروری و شما باز از توانگری دور میشید باید یاد بگیرید چطوری سرمایه رو در مقابل تورم محافظت کنین 📱 Babak Doraniarab 🚀 @NextPro_Ch
13 · 818 ·
21 October 2025
Peyman Ahmadi
Photo
click to show
دوستان پکیجی سراغ دارید که بشه کدبلاک نوشت و خروجیشم رو وبسایت دید؟ مثل UI Library ها که هم Demo گذاشتن و هم سورس کد. ❔ @NextPro_Ch
5 · 397 ·
Photo
click to show
چطور با چند خط کد، درخواست‌های ناموفق رو دوباره امتحان کنیم؟ 💡 گاهی وقت‌ها رکوئست (fetch) های ما به دلایل مختلفی مثل کندی اینترنت یا خطای سرور، شکست می‌خورن. به جای اینکه کاربر رو ناامید کنیم، می‌تونیم چند بار به‌صورت خودکار دوباره تلاش کنیم 💪 کدی که در تصویر می‌بینید، دقیقاً همین کار رو انجام می‌ده: 🎁 با استفاده از تابع retry، هر بار که درخواست شکست بخوره، با یک تاخیر مشخص (delay) دوباره تلاش می‌کنه تا وقتی که retryCount تموم بشه. 👨‍💻 نکته: بله ما می‌تونیم از پکیج هایی مانند #Axios و #ReactQuery و ... استفاده کنیم, اما درک منطق و نحوه عملکرد کدها باعث میشن تا ما #برنامه_نویس بشیم نه استفاده از پکیج ها 😉👌 🚀 @NextPro_Ch
15 · 460 ·
23 October 2025
P
Peyman Ahmadi
Video
button.mp4 · 456 KB · click to show
این کامپوننت رو شخصا توسعه دادم و اگر بخواید آموزششو به صورت ویدیو می‌ذارم واستون :) 👍👍 / 👎👎 🚀 @NextPro_Ch
2 · 621 ·
26 October 2025
H
Hossein JS
Photo
click to show
اگه شما هم مثل من بعد از گوش دادن سالیانه به شاهکار هایی مثل دار هنوز به درک کاملی ازش نرسیدید شاید این پیج و انیمیشن هاش (لینک) کمکتون کنه #منهای_برنامه‌نویسی @NextPro_Ch
3 · 676 ·
30 October 2025
11 November 2025
P
Peyman Ahmadi
Photo
click to show
بازکردن فولدر پروژه به صورت ساده و سریع تر 🫠 اگه از Vscode & Cursor & VoidEditor استفاده می‌کنید, اسم ادیتورتون رو بنویسید و جلوش یه نقطه بذارید تا برنامه داخل همون مسیر اجرا بشه. 💻 مثال: code . cursor . void . 🚀 @NextPro_Ch
5 · 873 ·
19 June 2026
P
Peyman Ahmadi
Photo
click to show
اگه بعد چند ماه برگشتی سراغ پروژه‌ت و برای پیدا کردن یه فایل ساده، پنج دقیقه دنبال فولدرها گشتی… احتمالاً مشکل از کدنویسی نیست؛ از ساختار پروژه‌ست. 😄 ❗ توی پروژه‌های Next.js، فولدر‌بندی تمیز واقعاً فقط برای خوشگل بودن ریپو نیست. باعث می‌شه توسعه سریع‌تر پیش بره، مسئولیت‌ها قاطی نشن، onboarding اعضای جدید راحت‌تر باشه و پروژه با بزرگ شدنش تبدیل به یک جنگل بی‌نظم نشه. 🛠️ 🧏‍♂️ توی این ساختار سعی کردم مسیرها، کامپوننت‌ها، منطق بیزینسی، مدیریت دیتا، state و validationها هرکدوم جای مشخص خودشون رو داشته باشن: ۱. app برای routeها و صفحات ۲. components برای UIهای قابل استفاده مجدد ۳. core برای منطق اصلی و زیرساخت پروژه ۴. actions, data, hooks, stores و validations برای جدا نگه داشتن مسئولیت‌ها 🧑‍💻 نتیجه؟ ✅ کدی که هم امروز خواناتره، هم چند ماه بعد راحت‌تر توسعه داده می‌شه. شما برای پروژه‌های Next.js چه ساختاری دارید؟ همه‌چیز رو داخل app نگه می‌دارید یا لایه‌های پروژه‌تون رو جدا می‌کنید؟ 👇 Read In Linkedin 🚀 @NextPro_Ch
7 · 309 ·
24 June 2026
P
Peyman Ahmadi
Photo
click to show
معجزه‌ای به نام React Bits ✨ گاهی برای ساخت یک UI جذاب، نیاز به پیچیدگی بیشتر نیست؛ فقط انتخاب ابزار درست کافی است. 🚀 چند وقت اخیر با ReactBits.dev آشنا شدم؛ مجموعه‌ای از کامپوننت‌ها و افکت‌های آماده در React که تمرکز اصلی آن‌ها روی motion و interaction است. چیزی که آن را متمایز می‌کند: - انیمیشن‌های سبک و کاربردی ⚡ - کامپوننت‌های قابل شخصی‌سازی - مناسب برای لندینگ‌ها و پروژه‌های مدرن نکته مهم اینجاست: UI خوب فقط زیبایی نیست، بلکه هدایت درست توجه کاربر است. 👁️ React Bits دقیقاً در همین نقطه ارزش ایجاد می‌کند؛ با جزئیاتی کوچک، تجربه کاربر را متفاوت می‌سازد. اگر در حوزه Frontend کار می‌کنید، ارزش دیدن دارد. 🔥 #فرانت_اند #نکست #TypeScript #ReactBits 🚀 @NextPro_Ch
17 · 382 ·
29 June 2026
P
Peyman Ahmadi
Photo
click to show
تا حالا شده یک خط کد ساده، کل State رو خراب کنه؟ 😅 در ظاهر، هر دو روش Zustand در تصویر کار می‌کنن… اما یکی از اون‌ها داره آروم‌آروم پیچیدگی و خطا وارد پروژه می‌کنه ⚠️ سمت چپ 👎 بدون Immer: - آپدیت‌ها طولانی، شکننده و پر از spread های تودرتو سمت راست 👍 با Immer: - همون تغییر… ولی تمیز، مستقیم و قابل‌فهم 💡 نکته مهم اینجاست: هرچی State عمیق‌تر → بدون Immer خطر بیشتر شما تو پروژه‌هاتون بیشتر کدوم مدل استفاده می‌کنید؟ 🟥 روش سخت ولی کنترل‌شده 🟩 روش ساده و مستقیم با Immer Linkedin Link #Nextjs #Zustand #FrontEnd #Zustand 🚀 @NextPro_Ch
1 · 369 ·
6 July 2026
S
Sina
یکی از مهمترین مسائلی که هر دولوپر باید روش کار کنه soft skills هست. ممکنه طرف خدای کد باشه اما نتونه با کارفرما صحبت کنه، خودشو پرزنت کنه و غیره. مهم تر اینکه نتونه حقش رو بگیره. حتما به این مهارت ها بپردازین و برای هیچکس، حتی دوستاتون رایگان کار نکنید. 🫡🫡🫡 #soft_skills @NextPro_Ch
3 · 334 ·
9 July 2026
S
Sina
تو تجارب اولیه به عنوان دولوپر در تیم های کوچیک قطعا با سخت یا حتی غیر ممکن بودن ارتباط فرانت و بک اند مواجه میشین. این هم یکی از مهم ترین نکاتیه که کمتر بهش پرداخته میشه. اگه درک فرانتی و بک اندی نداشته باشین، پروژه پیش نمیره و فقط اعصاب خوردی براتون باقی میمونه 😃 #backend #frontend @NextPro_Ch
1 · 327 ·
3 September 2026
P
Peyman Ahmadi
Photo
click to show
🚀 منووکس؛ مدیریت هوشمند کافه و رستوران وقتشه مدیریت کافه یا رستورانت رو از روش‌های سنتی جدا کنی و همه‌چیز رو یکجا در اختیار داشته باشی. با منووکس می‌تونی: 📊 حسابداری و گزارش‌های مالی 📦 مدیریت انبار و موجودی 🧾 مدیریت محصولات و قیمت‌ها 💰 مدیریت صندوق فروش 🛒 دریافت و مدیریت سفارش‌های آنلاین 📈 مشاهده گزارش‌ها و عملکرد کسب‌وکار همه در یک پنل ساده، مدرن و یکپارچه. ✨ منووکس؛ ابزار مدیریت، برای اینکه تو روی رشد کسب‌وکارت تمرکز کنی. 🌐 لینک وبسایت: menuvex.ir 🚀 شروع کنید و مدیریت رو ساده‌تر کنید. @Menuvex
3 · 105 ·
Open in Telegram Feed t.me/s Venue catalog Search in ChatCrawler

An open public feed from the search index ChatCrawler — “Google for public Telegram”; refreshed as the venue is crawled. Times are UTC.

Public content only, official Telegram API. About · FAQ · What we do not do · Remove a page · Catalog · Search · How we count