صفحه تکی مقاله به شکل ssg

آموزش nextjs - قسمت 14
زمان قرارگیری : 06 خرداد 1399
زمان این قسمت : 15:49
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید یا با تهیه عضویت ویژه میتوانید به آن دسترسی پیدا کنید.

قیمت دوره 99000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 04:41:42
تعداد قسمت‌ها 30
نوع دسترسی نقدی یا عضویت ویژه

دسترسی رایگان برای اعضای ویژه

در این جلسه برای یادگیری و کار بیشتر با ssg یک مثال آماده سازی کردیم که در قالب صفحه تکی مقاله، با هم در این جلسه آن را پیاده‌سازی می‌کنیم.

بخش اول
معرفی
رایگان 03:43
رایگان 03:28
رایگان 05:04
بخش دوم
نصب و راه‌اندازی
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید یا با تهیه عضویت ویژه میتوانید به آن دسترسی پیدا کنید.

قیمت دوره 99000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 04:41:42
تعداد قسمت‌ها 30
نوع دسترسی نقدی یا عضویت ویژه

دسترسی رایگان برای اعضای ویژه
آفلاین
user-avatar
مدرس دوره حسام موسوی

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

سوالات و گفتگو‌ها

سوالات و گفتگو‌ها

اگر سوال و مشکلی یا حتی بحثی در یکی از حوزه‌های برنامه‌نویسی دارید این بخش به شما کمک ویژه‌ای خواهد کرد

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش انگولار

آموزش انگولار

آموزش انگولار دوره‌ای است که ما قصد داریم، شما را به شکل دقیق و پرجزئیات با فریمورک جاوااسکریپتی انگولار آشنا کنیم. فریمورک انگولار یکی از کامل‌ترین ف...

دسترسی رایگان برای اعضای ویژه
آموزش typescript

آموزش typescript

TypeScript یک زبان اوپن سورس و رایگان است که توسط مایکروسافت ارائه شده است . زبان TypeScript به عنوان superset زبانJavaScript ارائه شده‌ است و  هدف آن...

دسترسی رایگان برای اعضای ویژه
آموزش جاوااسکریپت ES6

آموزش جاوااسکریپت ES6

جاوا اسکریپت، پیاده سازی ECMA Script است (با تلفظ اکما اسکریپت) که به صورت مخفف به آن ES هم گفته می‌شود و ES ۶، در حقیقت نگارش ۶ این استاندارد است که...

دسترسی رایگان برای اعضای ویژه
آموزش جاوااسکریپت

آموزش جاوااسکریپت

زبان برنامه نویسی جاوا اسکرپیت جزو معدود زبان‌هایی است که توانسته دنیای وب و اینترنت را بیش از سایر زبان‌های برنامه نویسی تحت تأثیر خود قرار دهد و امر...

دسترسی رایگان برای اعضای ویژه

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
آفلاین
user-avatar
sina shah oveisi
2 ماه پیش

سلام آقای موسوی چجوری میشه از لینک قبل به لینک بعدی یه دیتایی به عنوان props فرستاده بشه.
مثلا توی همین api که شما آوردید body و title وجود دارن و ما چجوری میتونیم اونا رو مثل چیزی که تو react داشتیم و دیتا رو به عنوان attribute ارسال میکردیم بفرستیم مثل کد زیر :

this.props.posts.map((post)=>{
                            return (
                                <li key={post.id}><Link href="/articles/[title]" as={`/articles/${post.id}`} body={post.body}><a>{post.title}</a></Link></li>
                            )
                        })

اینجوری دیگه نمیخواد ما توی صفحه SingleArticle دوباره درخواست به سمت سرور ارسال کنیم.
من یه سرچی کردم توی این لینک جوابو گرفتم اما موقع build گرفتن اررور میده ولی موقع حالت dev ارروری نمیده.

آفلاین
user-avatar
حسام موسوی
2 ماه پیش

از لینک به لینک نمیشه props ارسال کرد.
از طریقه url میتونید اطلاعات بفرستید اما props نه
اینها دو صفحه جدا هستند
یک کامپونتت فرزندی دیگری که نیستند.
بنابراین اگر میخواید چنین کاری انجام بدید باید از redux یا context استفاده ببرید.

آفلاین
user-avatar
saeedabdi
2 ماه پیش

سلام وقت بخیر ممنون از اموزش خوبتون
اگر امکان داره یک قسمت در رابطه swr هم اضافه کنید

آفلاین
user-avatar
حسام موسوی
2 ماه پیش

فکر نمیکنم این مربوط به nextjs بشه

آفلاین
user-avatar
VAHID TORABIAN
2 ماه پیش

ممنون از شما

آفلاین
user-avatar
VAHID TORABIAN
2 ماه پیش

با عرض سلام و خسته نباشید خدمت شما ... ممنون از آموزش خوب ssr در react که واقعاااا کاربردیه.

من سر فصل ها رو مرور کردم و متوجه شدم از نصب Redux در next صحبتی نشده .... با توجه به اینکه احتمالا بیشتر دوستانی که این دوره رو مشاهده می کنند از redux (همراه با next) در پروژه هاشون استفاده می کنند،اگر امکان داره یک قسمت رو هم برای کانفیگ react-redux-wrapper در ورژن 9.0.4 next در نظر بگیرین که اتفاقا تغییراتی در ورژن جدید
react-redux-wrapper (در ورژن 9.0.3 next به بالا) ایجاد شده که بسیار مهمه (HYDRATE action) و میتونه بسیار کاربردی باشه برای همه دوستانی که در این دوره شرکت کردن ممنون می شم در صورت امکان جلساتی رو برای نصب صحیح redux در در ورژن 9.0.4 در نظر بگیرین. با تشکر از شما.

لینک : Redux

Please note that your reducer must have the HYDRATE action handler. HYDRATE action handler must properly reconciliate the hydrated state on top of the existing state (if any). This behavior was added in version 6 of this library. We'll talk about this special action later.

آفلاین
user-avatar
حسام موسوی
2 ماه پیش

بررسی میکنم اگر نیاز بود اضافه میکنیم .
توجه کنید که الان با اومدن context استفاده کمتری از redux میشه ولی به هر حال سعی میکنیم بیاریم .باید دید که چه میشه