NextPro | برنامه نویسی
229 subscribers
88 photos
14 videos
2 files
112 links
Next Pro Official Community Channel
Download Telegram
دوستان موقع نصب WSL رو سیستم با این خطا مواجه میشم و داخل گوگل و Ai هم چیزی پیدا نکردم که کمک کنه
آیا برای شما پیش اومده؟ راهکاری براش دارید؟ 🤔

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
کتابخانه Lenis/React: اسکرولینگ نرم و جادویی! 🚀

کتابخانه Lenis یه ابزار متن‌باز و فوق‌العاده سبک (~10KB) برای ایجاد اسکرولینگ نرم و روان در وب‌سایته که تجربه کاربری رو مثل اپ‌های موبایل ارتقا می‌ده. با wrapper React، ادغامش با پروژه‌های React ساده و بدون دردسره – بدون وابستگی‌های اضافی، سازگار با تمام مرورگرها و حتی GSAP برای انیمیشن‌های پیشرفته! اگر دولوپر فرانت‌اند هستی، این کتابخانه زندگی‌تو راحت‌تر می‌کنه. 👌

🔥 چی کار می‌کنه؟

🔵 اسکرولینگ روان: حرکات نرم و طبیعی، بدون لگ یا پرش.
🔵 انعطاف‌پذیر: از صفحات ساده تا سایت‌های پیچیده با parallax.
🔵 سبک و performant: فقط کد ضروری، بدون اضافه‌بار روی عملکرد.
🔵 ادغام آسان با React: با هوک‌های آماده، سریع راه‌اندازی می‌شه.

🎯 کاربردها: لندینگ پیج‌ها، پورتفولیوها، سایت‌های e-commerce یا هر جایی که اسکرولینگ شیک و حرفه‌ای مهمه.

💙 مستندات

#Nextjs #FrontEnd #JavaScript #Developer

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥9❤1
کل کل بنز و ‌BMW رو ول کن، بیا دعوای پر از قند پشمکارو ببین! 😁

به نظرم حاج‌عبدالله مثل بنز میمونه، حتی تو دعوا هم اصیل و مقتدره...
و دوستی هم شبیه BMW پرانرژی و اهل رقابت و جوون!

من اگه جای دوستی بودم بیلبورد بعدی اینو می‌رفتم:
بعضی دوستی‌ها زودگذرم که باشن، شیرینیشون تا آخر عمر یادت می‌مونه! 😏

#Fun

📱 Shahrzad Valipour

🚀 @NextProCh
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6🔥1
نحوه عملکرد if else به رسم شکل 💻🔲

#Fun

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣10🤡1
اکسپو/React Native/ کاتلین و یا فلاتر دولوپر داریم اینجا؟ یک پروژه با بودجه دلاری هست

بهم پیام بده
✅
برای یک پروژه به جنگو دولوپر با تجربه احتیاج هست, لطفا به آیدی زیر رزومه‌تون رو ارسال کنید:

Done
✅
Please open Telegram to view this post
VIEW IN TELEGRAM
آیا اینجا UI/UX دیزاینر داریم؟ لطفا رزومه اش رو ارسال کنه

✅ Done

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
آقا پیمان در حال اتصال به شبکه های ماهواره ای 🧑‍💻😂🔥
🤣2❤‍🔥1
دوستان راهکاری برای داکر دارید؟ با DNS هم امتحان کردم نمیشه انگار
❓ معرفی AetherCSS: ساخت بک‌گراند های Glassmorphism در کسری از ثانیه. 🎁

🎁 مثل همیشه داشتم تو اینترنت گشت و گذار می‌کردم که چشمم خورد به یک پروژه شخصی و واسم جذاب اومد و گفتم با شما هم به اشتراک بذارم 🎁

🎁 شما با استفاده از این وبسایت می‌تونید به سادگی بک‌گراند های "یخی", "شیشه ای" و Neumorphism ایجاد کنید

🔗 مشاهده وبسایت
📱 لینکدین سازنده

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🥰1
🎁 اگر علاقه داشته باشید که قواعد UI/UX رو درحد فرانت‌اند دولوپر بلد باشید, آقای Emil Kowalski ( اِمیل کووالسکی ) رو بهتون معرفی می‌کنم — که حتی با پروژه های ShadcnUI & HeroUI & Vercel همکاری داشته/داره. 🎁

🌐 His personal website's link


🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
به به :)) 👌

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥3
یه منبع عالی برای پس‌زمینه‌های مدرن وب: 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
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
ولی خدایی #وایب_کدینگ هم حد و اندازه‌ای داره ها!🤦‍♂️

بازار کار برنامه نویسی تو وضعیت عجیبیه !

انبوهی از تازه کارهایی رو میبینییم که فقط با AI "کد میزنن" و میگن که برنامه نویسن..

بنظرم نتیجه این مدل کار کردن میشه :
رشد سریع در کمیت، سقوط آزاد در کیفیت!

بد نیست به خودمون یادآوری کنیم:
برنامه‌نویسی یعنی فهمیدن سیستم، نه فقط تولید خروجی.

وگرنه این مسیر میره به جایی که
«کد کار میکنه ولی هیچکس نمیدونه چرا».

البته خود ماهیت وایب کدینگ بد نیست، تا وقتی پشتش درک، مسئولیت و یه ذره فهم سیستم باشه.

نه وایب کدینگ مطلق!


📱 Ahmad Ahmad-Nejad

🚀@NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
👌4👏2❤1
مفهوم CSR در Next.js یعنی چی؟ ❔

وقتی از Client-Side Rendering (CSR) حرف می‌زنیم، منظور اینه که محتوای صفحه بعد از لود شدن در مرورگر کاربر ساخته می‌شه، نه روی سرور.
یعنی مرورگر یه فایل HTML خالی می‌گیره، بعد با جاوااسکریپت React شروع می‌کنه به رندر کردن محتوا.

👨‍💻 مثلاً چی؟

فرض کن وارد یه صفحه محصول می‌شی و چند لحظه طول می‌کشه تا اطلاعات ظاهر بشه — این یعنی داده‌ها از API گرفته شدن و در مرورگر رندر شدن (نه از قبل روی سرور آماده بودن).

⚠️ اما CSR همیشه انتخاب خوبی نیست. چند تا از معایبش:

⏳ تاخیر در نمایش محتوا:
کاربر باید صبر کنه تا جاوااسکریپت دانلود و اجرا بشه، پس اولین محتوای قابل‌مشاهده دیرتر لود می‌شه.

🔍 ضعف در سئو:
چون محتوای اولیه خالیه، خزنده‌های موتور جستجو ممکنه نتونن اطلاعات درست بخونن (مگر با تنظیمات خاص).

📉 مصرف بالای منابع سمت کاربر:
رندر کامل در مرورگر یعنی استفاده بیشتر از CPU و RAM دستگاه کاربر.

✅ کی از CSR استفاده کنیم؟
وقتی صفحه‌ای کاملاً وابسته به تعامل کاربره (مثل داشبوردها یا اپ‌های تحت وب که سئو براشون مهم نیست)، CSR انتخاب خوبیه.


#Nextjs #Frontend #CSR #WebDevelopment #React

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
👌2❤1👏1
Forwarded from Code Module | کد ماژول (𔓙)
بدرود با نوشتن دستی 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
Code Module | کد ماژول
بدرود با نوشتن دستی API ها و تایپ هاشون ☃️ پکیج Orval یک ابزار هوشمنده که از روی فایل OpenAPI یا Swagger (که بک‌اند دولوپر برات می‌فرسته)، به صورت خودکار ریکوست‌ها و تایپ‌ مدل ها و رسپانس هارو برای کار با API می‌سازه. تو پروژه‌های بزرگ که تعداد APIها زیاده…
یکی از ابزار های به شدت خفن که متاسفانه تایم نکردم تو این مدت راجبش پست درست کنم

اما از اونجایی که دیدم آقا شاهین زحمتشو کشیدن ، گفتم فوروارد کنم


پ.ن: اگه هنوز جونیور نیستید و به اندازه کافی تمرین نکردید بهتره از این ابزار استفاده نکنید

@NextPro_Ch
برای زیر ۲۷ سال
عزیز جان درکنار تخضصت
هرچیزی که هست
برنامه نویسی , دیجیتال مارکتینگ یا هرچی
برو دانش مالیت رو زیاد کن

از یه جایی به بعد نیازهای اولیه ات تامین میشه بعد تو میمونی با یه پول مازاد هرچقدر کم مثلا ۵۰ تومن
بعد چون بلد نیستی از پول پول دربیاری میری خرجش میکنی و عملا باید بگم توانگر شدن از زمانی شروع میشه که شما بتونی با پولت کار کنی
یعنی چی یعنی دانش مالی و سرمایه گزاریت رو ببری بالا
با همون ۵۰ تومن باید بتونی پول بسازی مثلا ۲۰ تومن بسازی این میشه کار درست این میشه رشد

وگرنه من زیاد دیدم پول داشتن اضافی
رفتن پلی استیشن ۵ خریدن
هفته ای یه بار هم بازی نمیکنن .

من یکی از هم خدمتی هام که ۱۸ سالش بود ۵ سال پیش با همین فرمون جلو رفت و با یه کار کارمندی ساده تونسته الان ۲۵۰ میلیون پول داشته باشه

چطوری
پول درآورده
ذخیره کرده
بعد طلا خریده بود
بعد فروخت
مجدد ریخت
خرید
و ....
دانش مالی رو زیاد کنین و گرنه بازهم پول ها می‌ره سر چیزهای غیر ضروری و شما باز از توانگری دور میشید
باید یاد بگیرید چطوری سرمایه رو در مقابل تورم محافظت کنین


📱 Babak Doraniarab

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤5