Server Side Rendering Nextjs Astrojs

Introduccion

Proyecto individual el cual busca comrpender las deiferencias entre Nextjs Astrojs@1 para render desde el servidor

Objetivos del Proyecto

• Como se escribe en Nextjs
• Como se translada a AstroJs
• concluciones.

---

Tecnologias Utilizadas

Caso Nextjs:

HTML, CSS, Javascript, React, Nextjs

Caso ASTrojS:

HTML, CSS, Javascript, Solidjs, Astrojs

• JSON con 107 datos de jujutsu-kaisen.fandom
• Todos los datos se cargan en el Home. Por lo que es un caso atipico ya que la mayoria evitan tener muchos productos en el misma Home

Starting Instructions:

Importante ingresar a la carpeta astr-ssr y dar npm i, luego npm run build, npm run start Importante ingresar a la carpeta next-ssr y dar npm i, luego npm run build, PORT=3001 npm run start Importante ingresar a la server y dar npm i, luego npm run start   Node 12.18 o version superior

Carpetas

En cada carpeta npm run start

Tener en cuenta que si el servidor no esta inicializado la app no puede cargarse

Imagenes del Proyecto

• Portada

• NEXTjs

next_ssr.mp4

• Astrojs

astro_ssr.mp4

Conclusiones

• ambas aplicaciones cuentan con una gran posibilidad de hacer un server-side rendering

basado en el desarrollo de y luego re implementado con otra api y tecnologías:

• Jack Herrington Github Repository
• Jack Herrington video youtube