This media is not supported in your browser
VIEW IN TELEGRAM
برای نمایش progressbar هنگام تغییر صفحات (یا کارای دیگه) توی NextJs میتونید از این لایبرری استفاده کنید.
https://www.npmjs.com/package/nextjs-progressbar
کتابخانه اصلی NProgress.js هم از اینجا میتونید پیدا کنید :
https://ricostacruz.com/nprogress/
#react #nextjs #progressbar
https://www.npmjs.com/package/nextjs-progressbar
کتابخانه اصلی NProgress.js هم از اینجا میتونید پیدا کنید :
https://ricostacruz.com/nprogress/
#react #nextjs #progressbar
اگر دارید با NextJs کار میکنید و درگیر SSG هستید و مفهوم fallback سردرگرمتون کرده ، ریپلای اول این لینک توضیح کاملی در موردش داده :
https://stackoverflow.com/questions/67787456/what-is-the-difference-between-fallback-false-vs-true-vs-blocking-of-getstaticpa
#nextjs #tip #ssg #fallback
https://stackoverflow.com/questions/67787456/what-is-the-difference-between-fallback-false-vs-true-vs-blocking-of-getstaticpa
#nextjs #tip #ssg #fallback
Stack Overflow
What is the difference between fallback false vs true vs blocking of getStaticPaths with and without revalidate in Next.js SSR/ISR?
As of Next.js 10, the getStaticPaths function returns an object that must contain the very important fallback key as documented at: https://nextjs.org/docs/basic-features/data-fetching#the-fallback...
نکته NextJsای :
قابلیت prefetch توی Nextjs به این شکل هست که به صورت پیش فرض هر Link که توی viewport دیده بشه توی پس زمینه لود میشه تا وقتی کاربر کلیک کرد سریعتر لود بشه. حالا این Linkها یا از اول میتونن توی viewport باشن یا با اسکرول کاربر توی viewport قرار بگیرن.
با prefetch={false} میتونید disable کنید این خاصیت رو ولی حواستون باشه کامل disable نمیشه بلکه دیگه به صورت خودکار preload نمیشه و فقط با hover کاربر روی لینکها preload میشه.
این قابلیت فقط در حالت production کار میکنه.
#tip #nextjs
قابلیت prefetch توی Nextjs به این شکل هست که به صورت پیش فرض هر Link که توی viewport دیده بشه توی پس زمینه لود میشه تا وقتی کاربر کلیک کرد سریعتر لود بشه. حالا این Linkها یا از اول میتونن توی viewport باشن یا با اسکرول کاربر توی viewport قرار بگیرن.
با prefetch={false} میتونید disable کنید این خاصیت رو ولی حواستون باشه کامل disable نمیشه بلکه دیگه به صورت خودکار preload نمیشه و فقط با hover کاربر روی لینکها preload میشه.
این قابلیت فقط در حالت production کار میکنه.
#tip #nextjs
دوره کامل آموزش NextJs
۷۹ ویدیو که به صورت مجزا آپلود شد.
اگر مشکل دسترسی به اینترنت ندارید یا قصد ندارید ویدیوها رو ذخیره شده روی دستگاهتون داشته باشید ، پیشنهاد میکنم دوره رو از روی یوتیوب مدرس دوره ببینید :
https://www.youtube.com/watch?v=9P8mASSREYM&list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH
#nextjs #course
۷۹ ویدیو که به صورت مجزا آپلود شد.
اگر مشکل دسترسی به اینترنت ندارید یا قصد ندارید ویدیوها رو ذخیره شده روی دستگاهتون داشته باشید ، پیشنهاد میکنم دوره رو از روی یوتیوب مدرس دوره ببینید :
https://www.youtube.com/watch?v=9P8mASSREYM&list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH
#nextjs #course
State Management for NextJS 13 Server and Client Components
لینک دانلود مستقیم ۱۵ روزه :
https://fs3.filegir.com/sir.mura/State_Management_for_NextJS_13_Server_and_Client_Components_%5BdRLjoT4r-jc%5D_%5Btag22%5D.mp4
لینک یوتیوب:
https://www.youtube.com/watch?v=dRLjoT4r-jc
#nextjs
لینک دانلود مستقیم ۱۵ روزه :
https://fs3.filegir.com/sir.mura/State_Management_for_NextJS_13_Server_and_Client_Components_%5BdRLjoT4r-jc%5D_%5Btag22%5D.mp4
لینک یوتیوب:
https://www.youtube.com/watch?v=dRLjoT4r-jc
#nextjs
اگر از NextJs مثل قبل (بدون app-router جدید) استفاده میکنید و میخواهید که هر صفحه یک لیاوت متفاوت داشته باشه میتونید از خاصیت per-page-layout استفاده کنید.
https://nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts#layout-pattern
#nextjs
https://nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts#layout-pattern
#nextjs