0% found this document useful (0 votes)
17 views2 pages

Next JS

Next texto
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
17 views2 pages

Next JS

Next texto
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

NEXT JS

¿Qué es Next.JS?
Next es un framework de react ( React se conoce com una libreria) next es un
freamework porque esta basado en react, next se usa para construir aplicaciones
full stack, Next ofrece características listas para usar como fetching de datos, el
manejo de rutas.
next se encarga de compilar la aplicación por eso no tenemos que hacer
configuración solo construirla.
Se puede convertir a una alternativa a ruby, laravel y django

Archivos Reservados:
Page: Es el archivo de la página para una URL
Layout: Diseño global de una URL o sus segmentos hijos
Loading: componente que se muestra cuando se carga por medio de suspense
Not-found: cuando no se encuentra el recurso
Error: cuando hay un error inesperado puede ser un error de conexión con una api
Route: componente para enedpoit de una rest api

Rendering en Next Js:


Por default NextJs va a renderizar desde el servidor, para renderizar desde el
cliente se usa ‘Use client’ se usa desde la primera línea del componente.
Si tienes un componente que no tiene el 'use client' entonces este se ejecutara en
el servidor pero si a ese componente esta envuelto en otro componente de lado
del cliente con el 'use client' entonces se renderizara en el cliente.
¿Cuándo usar un server componente?
 Obtener datos desde un ORM y mostrar información
 Ejecutar funciones del servidor y acceder a recursos únicamente en el
backend
 Autenticación, Api Keys o Tokens
¿Cuándo utilizar un cliente components?
 Cuando desee utilizar eventos o añadir interacción a a la aplicación como
un onClick, OnSubmit, obnChange etc
 Usar los Hooks de React como UseState, useEffect y useReducer etc…
 Para usar la api del navegador como localStorage
 Consumir datos de una API externa en Json

You might also like