تحقق من أننا في server أو client في nextjs

يمكنك التحقق انك في server باستخدام الأمر الآتي

if (typeof window === 'undefined') {
}

وبالمثل اذا كنت في client باستخدام الأمر الآتي

if (typeof window !== 'undefined') {
}

يمكنك تفحص إذا كان كائن الطلب موجود فإذن انت في جانب الخادم server-side اما إذا لم يكن موجود فانت في جانب العميل client-side كما هو موضح في الكود

async getInitialProps (appContext) {

    if (appContext.ctx.req) // server? 
    {
        // جانب الخادم
    }
    else {
        // جانب العميل
    }
}

يمكن تجميع الأكواد التي نرغي أن تعمل في المخدم ضمن الدالة التالية getServerSideProps:

const MyPage = () => {
  useEffect(() => {
    // جزء العميل
  }, [])

  return (
    <div> ... </div>
  )
}

MyPage.getServerSideProps = async () => {
  // جزء المحدم
}

أي بعد تعريف الصفحة، نكتب شيفرة المخدم في جزء غير متزامن ونسنده للدالة getServerSideProps

هذه الخاصية تعمل في الإصدارات الحديثة Next 9.3(Mar 2020)

يمكنك أيضاً استخدام الإضافة is-next-server الخاصة بال next وببساطة يتم استخدامها كالتالي

const isServer = require("is-next-server");

export default () => (
  if (isServer) {
    // الخادم
  } else {
    // المتصفح
  }
)