دانلود آموزش Udemy – Next.js by Example 2021-9

          O 
            بازدید : 119
          پنجشنبه 20 مرداد 1401
           نظرات (0)
        

Next.js by Example نام دوره آموزش Next.js با مثال است که توسط آکادمی یودمی منتشر شده است. Next.js که به عنوان «چارچوب React برای تولید» توصیف می‌شود، ساخت برنامه‌های وب بسیار بهینه‌شده را در React آسان می‌کند. این دوره با توسعه دو مثال، شما را در یادگیری Next.js راهنمایی می کند: یک وب سایت کاملاً ثابت و یک برنامه ترکیبی (ایستا + ارائه شده در سمت سرور). مثال اول، یک وب سایت وبلاگ شخصی، شما را با مفاهیم اساسی Next.js مانند پیش رندر، مسیریابی مبتنی بر سیستم فایل و هیدراتاسیون آشنا می کند. این بخش به شما نشان می دهد که چگونه داده ها را در صفحاتی که به صورت ایستا در زمان ساخت تولید می شوند بارگذاری کنید، و چگونه به صفحات خود در فایل های CSS یا با کتابخانه styled-jsx که استایل هایی با محدوده کامپوننت ارائه می دهد استایل دهید.

بخش Deployment همه گزینه‌ها را برای اجرای برنامه‌تان در مرحله تولید، از پلتفرم‌های بدون سرور کاملاً مدیریت‌شده مانند Vercel گرفته تا پیکربندی سرورهای لینوکس خود را به شما ارائه می‌دهد.

نمونه دومی که توسعه خواهید داد یک وب سایت فروشگاهی است. این یک برنامه پیچیده‌تر خواهد بود که داده‌های خود را از یک CMS Headless (Strapi) بارگیری می‌کند و از ویژگی‌های پیشرفته Next.js مانند بازسازی استاتیک افزایشی برای منعکس کردن خودکار تغییرات در داده‌های باطن استفاده می‌کند.

در صورت تمایل به شما نشان می دهد که چگونه پشتیبانی TypeScript را در پروژه Next.js فعال کنید. استفاده از TypeScript اختیاری است. همه ویدیوها به جز یکی از جاوا اسکریپت ساده استفاده می کنند. اما اگر TypeScript را ترجیح می دهید، کد TypeScript کامل برای مثال فروشگاه را در مخزن GitHub پیدا خواهید کرد. این وب‌سایت از کتابخانه محبوب Tailwind CSS برای استایل‌سازی و از مؤلفه Next Image برای بهینه‌سازی تصویر استفاده می‌کند.

روش‌های مختلفی برای بارگیری داده‌ها از یک API خارجی، از جمله نوشتن مسیرهای API خود در Next.js و نحوه انتخاب بهترین رویکرد برای نیازهای خاص خود خواهید دید. این مثال شامل یک سیستم احراز هویت ایمن مبتنی بر JWT و کوکی‌ها می‌شود و کتابخانه React Query برای ذخیره‌سازی داده‌ها در سمت سرویس گیرنده استفاده خواهد شد.

کد منبع کامل برای همه نمونه ها ارائه شده است، با یک راه آسان برای مشاهده تغییرات ایجاد شده در هر سخنرانی. این دوره با آخرین نسخه Next.js یعنی 12 به روز است.