اگه شما هم مثل من بعد از گوش دادن سالیانه به شاهکار هایی مثل دار هنوز به درک کاملی ازش نرسیدید شاید این پیج و انیمیشن هاش (لینک) کمکتون کنه


#منهای_برنامه‌نویسی
@NextPro_Ch

اگه بعد چند ماه برگشتی سراغ پروژه‌ت و برای پیدا کردن یه فایل ساده، پنج دقیقه دنبال فولدرها گشتی… احتمالاً مشکل از کدنویسی نیست؛ از ساختار پروژه‌ست. 😄

❗ توی پروژه‌های Next.js، فولدر‌بندی تمیز واقعاً فقط برای خوشگل بودن ریپو نیست.

باعث می‌شه توسعه سریع‌تر پیش بره، مسئولیت‌ها قاطی نشن، onboarding اعضای جدید راحت‌تر باشه و پروژه با بزرگ شدنش تبدیل به یک جنگل بی‌نظم نشه. 🛠️

🧏‍♂️ توی این ساختار سعی کردم مسیرها، کامپوننت‌ها، منطق بیزینسی، مدیریت دیتا، state و validationها هرکدوم جای مشخص خودشون رو داشته باشن:

۱. app برای routeها و صفحات
۲. components برای UIهای قابل استفاده مجدد
۳. core برای منطق اصلی و زیرساخت پروژه
۴. actions, data, hooks, stores و validations برای جدا نگه داشتن مسئولیت‌ها

🧑‍💻 نتیجه؟

✅ کدی که هم امروز خواناتره، هم چند ماه بعد راحت‌تر توسعه داده می‌شه.

شما برای پروژه‌های Next.js چه ساختاری دارید؟
همه‌چیز رو داخل app نگه می‌دارید یا لایه‌های پروژه‌تون رو جدا می‌کنید؟ 👇


Read In Linkedin

🚀 @NextPro_Ch

معجزه‌ای به نام React Bits ✨

گاهی برای ساخت یک UI جذاب، نیاز به پیچیدگی بیشتر نیست؛ فقط انتخاب ابزار درست کافی است. 🚀

چند وقت اخیر با ReactBits.dev آشنا شدم؛ مجموعه‌ای از کامپوننت‌ها و افکت‌های آماده در React که تمرکز اصلی آن‌ها روی motion و interaction است.

چیزی که آن را متمایز می‌کند:
- انیمیشن‌های سبک و کاربردی ⚡
- کامپوننت‌های قابل شخصی‌سازی
- مناسب برای لندینگ‌ها و پروژه‌های مدرن

نکته مهم اینجاست:

UI خوب فقط زیبایی نیست، بلکه هدایت درست توجه کاربر است. 👁️
React Bits دقیقاً در همین نقطه ارزش ایجاد می‌کند؛
با جزئیاتی کوچک، تجربه کاربر را متفاوت می‌سازد.

اگر در حوزه Frontend کار می‌کنید، ارزش دیدن دارد. 🔥

#فرانت_اند #نکست #TypeScript #ReactBits

🚀 @NextPro_Ch

تا حالا شده یک خط کد ساده، کل State رو خراب کنه؟ 😅

در ظاهر، هر دو روش Zustand در تصویر کار می‌کنن…

اما یکی از اون‌ها داره آروم‌آروم پیچیدگی و خطا وارد پروژه می‌کنه ⚠️

سمت چپ 👎 بدون Immer:
- آپدیت‌ها طولانی، شکننده و پر از spread های تودرتو

سمت راست 👍 با Immer:
- همون تغییر… ولی تمیز، مستقیم و قابل‌فهم

💡 نکته مهم اینجاست:
هرچی State عمیق‌تر → بدون Immer خطر بیشتر

شما تو پروژه‌هاتون بیشتر کدوم مدل استفاده می‌کنید؟

🟥 روش سخت ولی کنترل‌شده
🟩 روش ساده و مستقیم با Immer

Linkedin Link

#Nextjs #Zustand #FrontEnd #Zustand

🚀 @NextPro_Ch

یکی از مهمترین مسائلی که هر دولوپر باید روش کار کنه soft skills هست.
ممکنه طرف خدای کد باشه اما نتونه با کارفرما صحبت کنه، خودشو پرزنت کنه و غیره.
مهم تر اینکه نتونه حقش رو بگیره. حتما به این مهارت ها بپردازین و برای هیچکس، حتی دوستاتون رایگان کار نکنید. 🫡🫡🫡

#soft_skills

@NextPro_Ch

تو تجارب اولیه به عنوان دولوپر در تیم های کوچیک قطعا با سخت یا حتی غیر ممکن بودن ارتباط فرانت و بک اند مواجه میشین. این هم یکی از مهم ترین نکاتیه که کمتر بهش پرداخته میشه. اگه درک فرانتی و بک اندی نداشته باشین، پروژه پیش نمیره و فقط اعصاب خوردی براتون باقی میمونه 😃

#backend #frontend

@NextPro_Ch

🚀 منووکس؛ مدیریت هوشمند کافه و رستوران

وقتشه مدیریت کافه یا رستورانت رو از روش‌های سنتی جدا کنی و همه‌چیز رو یکجا در اختیار داشته باشی.
با منووکس می‌تونی:
📊 حسابداری و گزارش‌های مالی
📦 مدیریت انبار و موجودی
🧾 مدیریت محصولات و قیمت‌ها
💰 مدیریت صندوق فروش
🛒 دریافت و مدیریت سفارش‌های آنلاین
📈 مشاهده گزارش‌ها و عملکرد کسب‌وکار
همه در یک پنل ساده، مدرن و یکپارچه.
✨ منووکس؛ ابزار مدیریت، برای اینکه تو روی رشد کسب‌وکارت تمرکز کنی.

🌐 لینک وبسایت: menuvex.ir
🚀 شروع کنید و مدیریت رو ساده‌تر کنید.


@Menuvex