SSR (renderizado del servidor)

Una página Markdown y un controlador, uno al lado del otro en el mismo proyecto:

# Changelog Rendered to HTML on every request, then wrapped in the nearest layout.

async def GET():    return {"status": "ok"}

Una ruta componente es el único caso que necesita una segunda oración. En producción, una ruta de componente sin un diseño se entrega con el HTML producido en la compilación y el componente lo hidrata. Con un diseño, o en desarrollo, el contenedor está vacío y el componente se representa en el navegador; la página es entonces un caparazón que se llena solo.

La ruta del componente de la tabla, sin diseño, por lo que la producción entrega su HTML desde la compilación:

export default function Pricing() {  return <h1>Pricing</h1>;}

Una vista y un punto final JSON, uno al lado del otro en el mismo módulo:

<h1>Changelog</h1><p>Rendered to HTML on every request.</p>

from nexy.decorators import Controllerfrom nexy.hooks import useViews  @Controller("/changelog")class ChangelogController:    async def get(self):        return useViews("src/apps/changelog_view.nexy")  @Controller("/api/health")class HealthController:    async def get(self):        return {"status": "ok"}

1. La solicitud llega al enrutador basado en archivos. La ruta coincide y los segmentos dinámicos se convierten en los tipos que declara el componente.

   ---id: propiedad[int]---<h1>N.º de pedido{{ id + 1000 }}</h1>

   /orders/42 representa Order #1042; /orders/abc responde 404.

2. El componente se ejecuta. Uno que espera en Node (un documento de cliente) se ejecuta en un grupo de subprocesos, por lo que no detiene el bucle de eventos.

3. El cuerpo se transmite como text/html. Un componente que produce trozos los transmite a medida que los produce.

4. El navegador recibe HTML. Las islas se hidratan según su directiva.

Un error generado durante el renderizado se convierte en una página mediante errors.nexy cuando el proyecto tiene una: consulte páginas de error.

1. La solicitud llega al controlador. Sus parámetros de ruta se convierten a los tipos que declara el método y se pasan a la vista:

   desde nexy.decorators importar controladordesde nexy.hooks importar useViews  @Controller("/pedidos/{id}")clase Controlador de pedidos:    asíncrono def get(self, id: int):        devolver useViews("src/apps/order_view.nexy", contexto={"id": id})

   ---id: propiedad[int]---<h1>N.º de pedido{{ id + 1000 }}</h1>

   /orders/42/ representa Order #1042; /orders/abc/ responde 404.

2. La vista se ejecuta y useViews devuelve su HTML como respuesta.

3. El navegador recibe HTML. Las islas se hidratan según su directiva.

Un error generado durante la renderización se responde con la página de error predeterminada.

Ninguno. Dos salidas y no tienen el mismo grano:

El cambio de todo el proyecto, en nexyconfig.py. El modo cliente necesita un marco de cliente:

from nexy.core.models import NexyConfigModelfrom nexy.frontend import react  class NexyConfig(NexyConfigModel):    useFF = react()    useCSR = True

Ninguno. Cada vista que devuelve un controlador se representa en cada solicitud: ISR y CSR son ​​modos del enrutador basado en archivos.

---slug: prop[str] = "untitled"---<h1>{{ slug }}</h1>

GET /blog/hello ejecuta esta plantilla una vez, con slug establecida en hello. Una segunda solicitud lo ejecuta nuevamente: no se guarda nada entre los dos. La cadena de consulta no es un accesorio; léala con los ganchos en navegación.

from nexy.decorators import Controllerfrom nexy.hooks import useViews  @Controller("/blog/{slug}")class PostController:    async def get(self, slug: str):        return useViews("src/apps/post_view.nexy", context={"slug": slug})

---slug: prop[str] = "untitled"---<h1>{{ slug }}</h1>

GET /blog/hello/ ejecuta esta vista una vez, con slug establecido en hello. Una segunda solicitud lo ejecuta nuevamente: no se guarda nada entre los dos. La cadena de consulta no es un accesorio; léala con useSearchParams.

• ISR: almacena en caché esta página por URL

• CSR: navegación manual al navegador