¿Es posible deshabilitar ssr en algunas páginas usando Next js? Por ejemplo, tengo una página con una descripción de producto en la que uso ssr para SEO pero también tengo una página con una lista de artículos o productos que puedo filtrar y para esa página, no quiero usar ssr porque esto la página se genera dinámicamente cada vez, ¿cómo puedo deshabilitar ssr en esta página?
Lazy carga el componente y deshabilita SSR: https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr
import dynamic from 'next/dynamic' const DynamicComponentWithNoSSR = dynamic(() => import('../components/List'), { ssr: false }) export default () => <DynamicComponentWithNoSSR />La función dynamic() también se puede usar sin una importación dinámica:
import dynamic from 'next/dynamic' import React from 'react' const NoSsr = props => ( <React.Fragment>{props.children}</React.Fragment> ) export default dynamic(() => Promise.resolve(NoSsr), { ssr: false })Cualquier cosa envuelta en este componente no será visible en la fuente SSR.
Contact me at <NoSsr>email@example.com</NoSsr>Pon esto en tu _app.tsx
import type { AppProps } from "next/app"; import dynamic from "next/dynamic"; import React from "react"; const App = ({ Component, pageProps }: AppProps) => { return <Component {...pageProps} />; }; export default dynamic(() => Promise.resolve(App), { ssr: false, });