DEV Community

Cover image for Cómo hacer un deploy de tu aplicación Next.js en Netlify

Cómo hacer un deploy de tu aplicación Next.js en Netlify

Jerónimo Cosío on March 06, 2020

Hacer un deploy de una aplicación creada en Next.js y React es muy fácil con Netlify. En estos pasos podrás tener tu aplicación funcionando en un s...
Collapse
 
manuelmedinam profile image
ManuelMedinaM

Hola!
Muy buena tu informacion y gracias por compartirla.
Tengo una duda y te agradezco de ante mano si me la pudieras contestar. realice un deploy en netlify pero sin conectar con mi github, corri la npm run export, me genero la carpeta doc y eso fue lo que subi al netlify. La verdad es que todo va correctamente, pero mi duda esta en que ¿si quisiera realizar algunos cambios en mi pagina react y volver a hacer un deploy con los nuevos cambios como debo proceder?

Collapse
 
jerocosio profile image
Jerónimo Cosío

Hola Manuel, si hiciste algo parecido al tutorial fíjate en el paso que elegiste tu proyecto y sobre todo en el 'Branch to deploy'. Si es parecido, cualquier nuevo deploy que hagas en ese 'branch' creará en automático una nueva versión de tu sitio.

Collapse
 
devjeffrey profile image
Dev Jeffrey

Correcto asi es, lo he hecho con proyectos sin next.js

Collapse
 
devjeffrey profile image
Dev Jeffrey

Ejecutando el mismo comando para el deploy

Collapse
 
laroche1993 profile image
laroche1993

Muy bueno tu artículo, una duda, estuve leyendo en Vercel que es muy parecido a Netlify que en el plan free solo permiten 12 funciones serverless por aplicación o sea que sería una función por cada página de Next que tendría la aplicación no? Quisiera saber si estoy entendiendo bien o si esas funciones no tienen que ver con Next o si es así cual sería la diferencia en Netlify, saludos

Collapse
 
jhonnyd1229 profile image
Jhonnyd1229

hola Jerónimo, una consulta su subí mi proyecto en vue a Netlify pero desde arrastre no desde Github, lo envié en una carpeta dist, luego de subir exitosamente le cambie la url y la lleve a mi dominio. ahora cada vez que quiera actualizar mi proyecto como hago para que tome los cambios, agradezco tu ayuda.

Collapse
 
jerocosio profile image
Jerónimo Cosío

Hola, como lo estás arrastrando tendrías que agregarlo cada vez que haces un cambio. Por eso te recomiendo utilizar Github o algo similar para que automáticamente se hagan tus builds cuando subas tu código a tu repositorio.

Collapse
 
m121 profile image
Mateo Perez Salazar

Gracias!

Collapse
 
didaquis profile image
Dídac García

Si nuestro proyecto requiere de variables globales que están en un fichero .env que esta excluido del repositorio, ¿como defino esas variables en Netlify?

Collapse
 
jerocosio profile image
Jerónimo Cosío • Edited

Se agregan fácilmente cuando estás haciendo tu deploy en la sección de opciones avanzadas.

Env variables