هل من الممكن تعطيل ssr في بعض الصفحات في nextjs

نعم انه من الممكن تعطيل SSR كما في التوثيق الرسمي

import dynamic from 'next/dynamic'

const DynamicComponentWithNoSSR = dynamic(
  () => import('../components/hello3'),
  { ssr: false }// تعطيل SSR في الصفحة الرئيسية
)

function Home() {
  return (
    <div>
      <Header />
      <DynamicComponentWithNoSSR />
      <p> الصفحة الرئيسسة </p>
    </div>
  )
}

export default Home

 لكن هذا ليس ما تم تصميمه من أجله وستجد صعوبة في الاحتفاظ به كتطبيق صفحة واحدة SPA.

توجيه Next routing والتكوينات المضمنة الأخرى مخصصة خصيصًا لـ SSR إنشاء موقع ثابت.

create-react-app وأشياء مثل React Router تم تصميمها خصيصًا لـ SPA (على الرغم من أنها تتجه نحو SSR بشكلٍ أفضل).

لذلك قم بإختيار الأداة المناسبة للعمل ، فإذا كنت تريد تطبيق الصفحة الواحدة SPA فعليك إستخدام create-react-app

اما إذا أردت SSR فعليك إستخدام Nextjs ، اما إذا أردت SSG توليد الصفحات الثابتة بإستخدام React فعليك إستخدام Next أو Gatsby

نعم يمكنك ذلك, حيث قام الموقع الرسمي ل nextjs بشرح ذلك, يمكنك فعل ذلك كالتالي

import dynamic from 'next/dynamic'

const NoSSR = dynamic(
  () => import('../components/test'),
  { ssr: false }
)

function Test() {
  return (
    <div>
      <Header />
      <NoSSR />
      <p>Test PAGE</p>
    </div>
  )
}

export default Test