No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Next.js

Curso de Next.js

Jonathan Alvarez

Jonathan Alvarez

Otras formas de hacer deploy de una app NextJS

22/27
Recursos

Aportes 9

Preguntas 4

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Lo que en yarn es un warning en npm parece dar un error y hace terminar el proceso de forma incorrecta

info  - Copying "public" directory
[====] info  - undefined (3/5)
Error occurred prerendering page "/yes-or-no". Read more: https://err.sh/next.js/prerender-error
Error: Error for page /yes-or-no: pages with `getServerSideProps` can not be exported. See more info here: https://err.sh/next.js/gssp-export
    at Object.exportPage [as default] (/Users/amcereijo/Documents/git/platzi/next_js_ts/node_modules/next/dist/export/worker.js:15:254)
info  - undefined (5/5)
Error: Export encountered errors on following paths:
        /yes-or-no
    at exportApp (/Users/amcereijo/Documents/git/platzi/next_js_ts/node_modules/next/dist/export/index.js:24:1103)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected]0.1.0 export: `next export`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected]0.1.0 export script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/amcereijo/.npm/_logs/2020-08-30T10_02_51_620Z-debug.log

✈️ Exportando la pagina a archivos estáticos

<h4>Apuntes</h4>

Si tenemos una pagina estatica podemos exportarla a archivos netamente HTML, CSS y JS. De tal manera que no necesitemos un servidor especializado 👀 OJO solo cuando tenemos el proyecto con Archivos estáticos de otra forma no convertirá lo que este de lado del servidor.

Para configurar necesitamos incluir estas caracteristicas en Next.js

"scripts": {
    "export": "next export",
  },

Se recomienda previamente compilar nuestra aplicación con el comando build.

RESUMEN: Con Next export convertimos nuestro proyecto a archivos netamente HTML, CSS y JS.

me encanta

Ademas de SSR, usando el comando Export tambien perdemos la capacidad de Incremental static regeneration? es decir que genere paginas estaticas que no existian al momento de hacer el build para hacer deploy

Para los que no puedan correr el comando npm run build porque tienen errores de tipado de Typescript pueden evitarlo con el comentario:
// @ts-ignore

Para los que “express” les este dando problemas debido a typescript
En el archivo cors-middleware
Usar @ts-ignore de typescript

import corsWrapper from 'cors'
// @ts-ignore
import { RequestHandler } from 'express'
...

Con esto ya podran hacer build

Cuando haces el build con node 17.x.x da error:

Error: error:0308010C:digital envelope routines::unsupported

Tuve cambiar que a node 16:

nvm use v16.15.1
"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start",
  "export": "next export"
}

Nooo way, por mas que leia no caia encuenta entre esa diferencia de SSG y SSR, despues de ver el built ahora todo tiene sentido