Básicamente, tengo tres roles de usuario en mi aplicación: Consumidor, Comerciante y Administrador. Las páginas a las que accede el Consumidor deben ser compatibles con SEO y se renderizarán en el servidor. Y quiero que mis páginas Merchant y Admin se representen en el cliente, cada una con una compilación diferente para que el comerciante solo tenga la compilación js del comerciante en el navegador. Por lo tanto, actuará como un proyecto de reacción completo, de la misma manera también para el administrador.
Además, estos tres roles utilizarán los mismos componentes reutilizables. Además, todo tiene que ser un único repositorio.
¿Se puede lograr esto con next.js? ¿Cómo debo estar gestionando el proyecto? Además, cuando el comerciante es una aplicación totalmente de reacción, ¿cómo afecta el enrutamiento de reacción al enrutamiento de next?
Puede usar toda la función Reacción básica en Nextjs, que incluye useEffect, useState, etc.
También puede elegir qué páginas deben mostrarse en el lado del servidor, qué páginas deben generarse estáticamente y qué páginas deben mostrarse en el lado del cliente.
Siguiente utiliza SSR, SSG y CSR
Representación del lado del cliente
import { useEffect, useState } from 'react'; function foo() { const [state, setState] = useState({ foo: 'bar', }); useEffect(() => { setState({foo:'bar'}); }, []); return <>{state}</>; }Para la representación del lado del servidor y la generación estática, consulte este ENLACE