آموزش رایگان Next.js (مقدماتی)

معرفی دوره

توی این قسمت اول از همه میایم و باهم یک معرفی کوتاهی از Next.js در سایت خودش می بینیم و قسمت های مختلف سایت رو بررسی می کنیم. یک چشم انداز کلی هم از دوره و پروژه دوره می بینیم.

توی این بخش میایم و اولین پروژه Next.js مون رو نصب می کنیم. به علاوه اینکه میایم و ساختار Next.js رو بررسی می کنیم. این قسمت رو حتما حتما ببینید!

بالاخره به طور رسمی درس رو شروع می کنیم ... اولین فصل مون رو با یک جابجایی اعجاب انگیز شروع می کنیم !

اولین قسمت از فصل assets , metadata , css. توی این قسمت می خواهیم که درباره Assets و MetaData صحبت کنیم که خیلی مهم هستند !

میرسیم به آخرین قسمت توضیحات این فصل و همین طور مهم ترین قسمت این فصل ... امیدوارم که با تمام حواستون این قسمت رو ببینید که خیلی مهمه! برای درک بهتر شما عزیزان یک قسمت دیگه هم برای این فصل در نظر می گیرم برای ساخت پروژه.

این آخرین قسمت از فصل Assets , MetaData , CSS هست که طبق قراری که گذاشتیم میایم و یک پروژه استایل دهی با انواع متود های استایل دهی برا شما عزیزان انجام می دهم و آماده می شویم برای فصل بعدی و پروژه دوره مون.

بالاخره وارد پروژه اصلی مون و البته قسمت های مهم تر این فریمورک شدیم . توی این قسمت با مفاهیم و کلمات آشنا میشیم و قالب اولیه پروژه بلاگ مون رو هم نصب می کنیم .

خب توی جلسه قبل اومدیم Pre-rendering رو فهمیدیم و این جلسه درباره متود ها(ssr & ssg) صحبت خواهیم کرد.

خب توی این قسمت شروع می کنیم پست های بلاگ مون رو به صفحه بلاگ اضافه می کنیم و درباره متود ssg بیشتر صحبت می کنیم . فایل کدهامون هم ضمیمه شده است.

آخرین قسمت از فصل pre-rendering و data fetching که درمورد جزئیات و نکات این فصل صحبت می کنیم.

خب دوستان بالاخره وارد یک فصل جذاب دیگه شدیم (حواستون رو توی این فصل خیلی جمع کنید). توی این قسمت یک معرفی و چشم اندازی از فصل رو باهم خواهیم دید.

خب توی این قسمت قرار هست که باهم بیایم و getStaticPaths رو پیاده سازی کنیم.

حالا میرسیم به دریافت اطلاعات و پیاده سازی getStaticProps در این فصل.

توی این قسمت میایم و فایل های markdown مون رو که حاوی متن ها هست رو به پروژه مون اضافه می کنیم.

توی این قسمت میایم و یک تغییر اساسی به پروژمون میدیم و یکسری پکیج هم برای استایل دهی نصب می کنیم.

خب بالاخره میرسیم به آخرین قسمت از این فصل و قرار هست که توی این قسمت بیایم و درباره جزئیات و نکات Dynamic Routes صحبت کنیم.

توی این قسمت با اینکه API Routes به پروژه مون مربوط نمیشه ولی میایم و مثالی ازش رو پیاده سازی می کنیم و توضیحاتی درباره جزئیات و نکاتش رو میگم. این قسمت بیشتر سمت سرور هست تا client بنابراین زیاد روش وقت نمی زاریم.

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

خب دوستای من ؛ دیگه دوره تموم شد ! این جلسه یسری نکته درباره دوره و البته یسری پند و اندرز بهتون میگم .

این فایل حاوی سورس نهایی پروژه ای است که در طول دوره انجام شده است.

توی این قسمت یک پروژه جمع و جور اما کامل که توش axios و redux و ... داره رو از ReactJS به NextJS منتقل می کنیم.این قسمت به عنوان آپدیت دوره و طبق نظر شما عزیزان قرار گرفته است.

سورس مربوط به قسمت قبل در این جلسه قرار گرفته است.