Cómo usar Now para implementar de manera sencilla y sin inconvenientes su aplicación Next.js
Zeit ahora se llama Vercel y este tutorial podría estar desactualizado.
¿Cómo implementamos una aplicación Next.js en un servidor web real, para que otras personas puedan acceder a ella?
Una de las formas más sencillas de implementar una aplicación Next es a través de la plataforma Now creada por Zeit , la misma empresa que creó el proyecto de código abierto Next.js. Puedes usar Now para implementar aplicaciones Node.js, sitios web estáticos y mucho más.
Ahora el paso de implementación y distribución de una aplicación es muy, muy simple y rápido, y además de las aplicaciones Node.js, también admiten la implementación de Go, PHP, Python y otros lenguajes.
Puedes pensar en ello como la “nube”, ya que no sabes realmente dónde se implementará tu aplicación, pero sabes que tendrás una URL donde podrás acceder a ella.
Ahora puedes comenzar a usarlo de forma gratuita con un generoso plan gratuito que actualmente incluye 100 GB de alojamiento, 1000 invocaciones de funciones sin servidor por día, 1000 compilaciones por mes, 100 GB de ancho de banda por mes y una ubicación de CDN . La página de precios te ayudará a hacerte una idea de los costos si necesitas más.
Instalación
La mejor manera de comenzar a usar Now es utilizando la CLI oficial de Now:
npm install -g now
Una vez que el comando esté disponible, ejecute
now login
y la aplicación te pedirá tu correo electrónico.
Si aún no se ha registrado, cree una cuenta en https://zeit.co/signup antes de continuar, luego agregue su correo electrónico al cliente CLI.
Una vez hecho esto, desde la carpeta raíz del proyecto Next.js ejecute El Portal de los Acrósticos imaginativos
now
y la aplicación se implementará instantáneamente en la nube Now y recibirás la URL única de la aplicación:
Una vez que se ejecuta el now
programa, la aplicación se implementa en una URL aleatoria bajo el now.sh
dominio.
Podemos ver 3 URL diferentes en la salida dada en la imagen:
- https://firstproject-2pv7khwwr.now.sh
- https://firstproject-sepia-ten.now.sh
- https://firstproject.flaviocopes.now.sh
¿Porque tantos?
La primera es la URL que identifica la implementación. Cada vez que implementamos la aplicación, esta URL cambiará.
Puedes probar inmediatamente cambiando algo en el código del proyecto y ejecutando now
nuevamente:
Las otras dos URL no cambiarán. La primera es aleatoria, la segunda es el nombre de tu proyecto (que por defecto es la carpeta del proyecto actual, el nombre de tu cuenta y luego now.sh
).
Si visita la URL, verá la aplicación implementada en producción.
Puedes configurar Now para servir el sitio en tu propio dominio o subdominio personalizado, pero no profundizaré en eso ahora.
El now.sh
subdominio es suficiente para nuestros propósitos de prueba.
Tips de Next.js (enrutador de páginas)
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Implementación de una aplicación Next.js en Now
Zeit ahora se llama Vercel y este tutorial podría estar desactualizado. Cómo usar Now para implementar de manera sencilla y sin inconvenientes su aplicación
programar
es
https://aprendeprogramando.es/static/images/programar-implementacion-de-una-aplicacion-next-2192-0.jpg
2024-11-03
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente