Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso Práctico de Next.js

Curso Práctico de Next.js

Oscar Barajas Tavares

Oscar Barajas Tavares

Preparando la app para el deploy a producción

16/22
Recursos

Aportes 4

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

También pueden agregar la configuración a VSC para que al guardar, el linter arregle todos los errores posibles. La configuración es la siguiente y va en el archivo setting.json de VSC
.

{
	...
	"editor.codeActionsOnSave": {
		"source.fixAll.eslint": true
	},
	"eslint.validate": [
		"javascript"
	]
}

.
Y también recomiendo Error Lens, la extensión de VSC para visualizar los errores en la misma línea donde ocurre.
.
¡Nunca paren de aprender! 💚

Un detalle muy importante es guardar el link de la API en una variable de entorno.
.
En Next.js basta con crear una carpeta ‘env.local’ en la raíz del proyecto, crear la variable con el prefijo ‘NEXT_PUBLIC_’ seguido del nombre que le quieras colocar a la variable y obviamente asignándole un valor.
.
Por ejemplo:

//env.local
NEXT_PUBLIC_NOMBRE-DE-LA-VARIABLE='URL-A-UTILIZAR'

Luego para llamar al url de la API dentro de tu aplicación:

const API = process.env.NEXT_PUBLIC_NOMBRE-DE-LA-VARIABLE;

Para mas info visiten el siguiente enlace

Si alguno tiene el siguiente error:

error Parsing error: Cannot find module 'babel-plugin-styled-components

deben correr en la consola el siguiente comando:

npm add styled-components.macro --dev

Lint es una maravilla. Gracias por el aporte!