🚨 گوگل Veo 3 را معرفی کرد!

و احتمالاً ترسناک‌ترین پیشرفت تولید ویدیو تا امروز است.

فقط یک پرامپت کافیست تا:

• 🎬 ویدیو تولید شود
• 🎤 صدا ساخته شود
• 🗣 دیالوگ تولید شود
• 🎭 شخصیت‌ها صحبت کنند
• 🎥 خروجی شبیه فیلم سینمایی شود

فاصله ایده تا ساخت ویدیو،
هیچ‌وقت اینقدر کم نبوده.

#Labs_Tech

🚨 Next.js 16.2 منتشر شد!

خبر خوب برای فرانت‌اند دولوپرها 👇

• ⚡️ بهبود بزرگ Turbopack
• 🚀 سرعت بیشتر Build
• 🐛 ابزارهای دیباگ بهتر
• 🤖 قابلیت‌های جدید برای AI Apps
• 📈 بهبود عملکرد Server Components

Vercel داره Next.js رو برای نسل اپلیکیشن‌های AI آماده می‌کنه.

🔗 https://nextjs.org/blog

#Labs_Tech

🚨 Context Window یک میلیون توکنی!

قبلاً مدل‌ها حافظه محدودی داشتن.

الان چی؟

• 📚 چند کتاب کامل
• 💻 یک کدبیس بزرگ
• 📄 صدها صفحه مستندات
• 📊 دیتاست‌های حجیم

رو میشه یکجا داخل مدل قرار داد.

یعنی AI کم‌کم داره کل پروژه رو یکجا می‌فهمه.

#Labs_Tech

🟢 status: Server is all ears

بیاید یه چالش بریم
هرکسی یه نظر یا فکت جنجالی درباره برنامه نویسی که بدجور ازش دفاع میکنه 👀

تعامل کردن از صفات یه برنامه نویس خوبه 😅😁

متاتگ‌های سئو داشتن داخل body رندر می‌شدن! 💀
و من چند ساعت نمی‌فهمیدم چرا.

باگی بود که توی آخرین پروژه ای که کار کردم باهاش برخوردم و رسما داشت سئو پروژه رو نابود میکرد
همونطور که میدونین تگ‌های مربوط به موتورهای جستجو باید داخل بدنه head گذاشته بشن تا بهتر بتونن خونده بشن توسط موتورها و ربات ها

حدس های اولیه خودم چیا بودن ❓
1️⃣ اولین حدسی که بنظرم اومد این بود که ساختاری که برای پایه‌گذاری و اساس سئو نوشته شده بود مشکل داره
2️⃣ دومین حدسم این بود که نکنه بخاطر اینه که ممکنه جایی که من دارم تعریف میکنم متاتگ‌هارو داره سمت کلاینت نوشته میشه و همچی رو خراب میکنه

اما همه‌ی این چک کردن‌ها و بررسی کردن‌ها بی فایده بود چون مشکل از جای اساسی تری میومد.
بعد از کلی سرچ، خوندن داکیومنت، زیر و رو کردن StackOverflow، و البته شکست خوردن AI(هوش مصنوعی نتونست مشکل رو حل کنه، باور کنین) 🫪

بالاخره منبع مشکل رو پیدا کردم.
حالا دقیقا منشا مشکل از چی بود ؟؟

مشکل این بود از نسخه 15 به بعد نکست، شما اگر داخل صفحاتت از generateMetadata برای داینامیک جنریت کردن متاتگا استفاده کنی و این فانکشن داخلش فراخونی به api خارجی برای گرفتن دیتا داشته باشه و هرچیزی که باعث بلاک شدن صفحه بشه رو براش منتظر نمیمونه و ui اولیه رو بدون منتظر موندن رندر میکنه، حالا هروقت اون دیتا رسید و آماده بود نکست میاد تگارو داخل body رندر میکنه 🫪🫪
و این یعنی رسما داری سئوی سایتت رو داغون میکنی 💥

به این قابلیت توی نکست میگن streaming metadata 👀

برای غیرفعال کردن این قابلیت کافیه توی فایل کانفیگ

next.config.ts

خودتون پراپرتی

htmlLimitedBots: /.*/

رو قرار بدین، همین

⚠️ ناگفته نماند که خود داکیومنت نکست پیشنهاد کرده تا جای ممکن این قابلیت فعال باشه برای پروژه‌هاتون چون باعث بهینه تر شدن TTFB و همینطور پایین‌تر اومدن LCP سایتتون میشه.

از این به بعد هر باگ یا تجربه جالبی که توی پروژه‌هام پیدا کنم، اینجا باهاتون به اشتراک میذارم.
اگر این مدل محتوا رو دوست داری یه ری‌اکشن بذار ❤️

#Labs_Experience

😂💔
شبتون بخیر

چندتا از مقاله‌هایی که بنظر خودم وقتی خوندمشون واقعا مفید بودن رو توی یه بوکمارک جمع کردم
امروز چندتاشون رو براتون میزارم
زمان زیادی ازتون نمیگیرن برای خوندن ولی واقعا ارزش دارن 😁🤌🏻

https://dev.to/dipakahirav/top-20-javascript-tricks-and-tips-for-every-developer-3apb

بعدی ساعت 12:00

https://najm-eddine-zaga.medium.com/top-javascript-best-practices-cf897022b6fd

بعدی ساعت 14:00

مقاله‌هارو مطالعه کنین
نظری یا سوالی بود توی کامنت بگین ❤️

برید کامنتای این پست لینکدین رو بخونین بعد بیاید ازم تشکر کنین بابت به خنده درآورنتون 😂

راستی اگر لینکدین دارین کانکشن بدین همو پیدا کنیم ❤️

لینکدین من

فیگما یک اکستنشن مرورگر کروم معرفی کرده که یک سایت رو باز میکنید
میزنید روی کپی
میرید داخل فیگما Past میکنید
تمام، الان یک سایت قابل ادیت دارید

سلام به كاپي پيست تمام سايت هاي داخلي و خارجي 🦦🫨

لینک

💚 چنلمون: @pepesocial
  💚 سایتمون: pepe.ir

حتما تستش کنین و نظرتون رو بگین
منم تستش رو امشب یا فردا میزنم نتیجه رو میزارم 😉

یه سایت خفن پر از پورتفولیو برنامه نویسا که میتونین لذت ببرین و ازش برای ساخت سایت خودتون الهام بگیرین 👨🏻‍💻

خفناشو بفرستین باهم ببینیم 👀❤️

در سه سطح مختلف ایده پیاده‌سازی پروژه براتون گذاشته این ریپازیتوری که میتونید استارت پیاده سازیشون رو بزنید 🚀