آیا اینجا UI/UX دیزاینر داریم؟ لطفا رزومه اش رو ارسال کنه

✅ Done

🚀 @NextPro_Ch

❓ معرفی AetherCSS: ساخت بک‌گراند های Glassmorphism در کسری از ثانیه. 🎁

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

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

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

🚀 @NextPro_Ch

🎁 اگر علاقه داشته باشید که قواعد UI/UX رو درحد فرانت‌اند دولوپر بلد باشید, آقای Emil Kowalski ( اِمیل کووالسکی ) رو بهتون معرفی می‌کنم — که حتی با پروژه های ShadcnUI & HeroUI & Vercel همکاری داشته/داره. 🎁

🌐 His personal website's link


🚀 @NextPro_Ch

اگر علاقه داشتید تو لینکدین فالوم کنید و منم متقابلا فالو بک کنم.
📱 https://www.linkedin.com/in/peyman-geek/

🚀 @NextPro_Ch

به به :)) 👌

🚀 @NextPro_Ch

یه منبع عالی برای پس‌زمینه‌های مدرن وب: 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

ولی خدایی #وایب_کدینگ هم حد و اندازه‌ای داره ها!🤦‍♂️

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

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

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

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

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

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

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


📱 Ahmad Ahmad-Nejad

🚀@NextPro_Ch

مفهوم CSR در Next.js یعنی چی؟ ❔

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

👨‍💻 مثلاً چی؟

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

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

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

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

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

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


#Nextjs #Frontend #CSR #WebDevelopment #React

🚀 @NextPro_Ch

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

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

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

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

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


📱 Babak Doraniarab

🚀 @NextPro_Ch

دوستان پکیجی سراغ دارید که بشه کدبلاک نوشت و خروجیشم رو وبسایت دید؟ مثل UI Library ها که هم Demo گذاشتن و هم سورس کد. ❔

@NextPro_Ch

دوستان ممنون میشم اگر زیر این پست یه #Up بذارید ❤️
https://www.linkedin.com/feed/update/urn:li:activity:7386335718513639424/

@NextPro_Ch

چطور با چند خط کد، درخواست‌های ناموفق رو دوباره امتحان کنیم؟ 💡

گاهی وقت‌ها رکوئست (fetch) های ما به دلایل مختلفی مثل کندی اینترنت یا خطای سرور، شکست می‌خورن.

به جای اینکه کاربر رو ناامید کنیم، می‌تونیم چند بار به‌صورت خودکار دوباره تلاش کنیم 💪

کدی که در تصویر می‌بینید، دقیقاً همین کار رو انجام می‌ده:

🎁 با استفاده از تابع retry، هر بار که درخواست شکست بخوره، با یک تاخیر مشخص (delay) دوباره تلاش می‌کنه تا وقتی که retryCount تموم بشه.

👨‍💻 نکته:
بله ما می‌تونیم از پکیج هایی مانند #Axios و #ReactQuery و ... استفاده کنیم, اما درک منطق و نحوه عملکرد کدها باعث میشن تا ما #برنامه_نویس بشیم نه استفاده از پکیج ها 😉👌


🚀 @NextPro_Ch