¿Cómo implementar la aplicación Next.js en Vercel?

Introducción: Vercel es una herramienta de implementación utilizada por los desarrolladores front-end para implementar y alojar instantáneamente aplicaciones web sin conocer configuraciones complejas. 

Características de Vercel:

• Fácil de usar y tiene un servicio de nivel gratuito de por vida que es beneficioso para los principiantes que desean implementar su proyecto paralelo con un soporte mínimo.
• Puede crear una cuenta usando GitHub, GitLab, Bitbucket o con correo electrónico.
• Permite a los desarrolladores usar un dominio personalizado que está habilitado para HTTPS.
• Se puede utilizar para crear sitios web y API ilimitados.
• Los cambios en los datos conducen a un impulso automático de la página web, lo que reduce la restricción de la generación estática.
• La red perimetral de alto rendimiento conduce a un enrutamiento más rápido.
• Cada solicitud de extracción tiene su URL de vista previa que es útil al ejecutar pruebas o recopilar comentarios.

Paso 1: cree una aplicación Next.js y configure la cuenta de Vercel: cree la aplicación Next.js ejecutando el siguiente comando:

npx    create-next-app

o

yarn create next-app     

Una vez creada la aplicación Next.js, vaya al sitio web de Vercel y regístrese con GitHub/Email-id para crear una cuenta. Para implementar nuestra aplicación, necesitamos instalar Vercel CLI. Ejecute el siguiente comando para instalar Vercel globalmente (también puede instalar Vercel localmente en la carpeta de su proyecto).

npm i -g vercel

Para verificar si vercel está instalado en nuestra máquina, ejecute el comando:

vercel --version

Si vercel está instalado correctamente, instalará la última versión, es decir, 23.0.0

Inicie sesión en su cuenta de vercel ejecutando el siguiente comando 

vercel login

Se le solicitará la siguiente pregunta: Ingrese su correo electrónico: Ingrese su correo electrónico para confirmar.

Paso 2: Implementación: una vez que haya iniciado sesión, para implementar su proyecto Next.js, debe ejecutar el comando ‘vercel’ .

vercel

El comando mostrará la última versión de Vercel y hará las siguientes preguntas:

1. ¿Configurar e implementar “~/projectname”? [T/n]:
2. ¿En qué ámbito desea implementar?
3. ¿Enlace a un proyecto existente? [t/n]
4. ¿Cuál es el nombre de tu proyecto?
5. ¿En qué directorio se encuentra su código?
6. ¿Quieres anular la configuración? [t/n]

Una vez que haya completado estas preguntas, diríjase a su cuenta de Vercel y haga clic en el botón Visitar para ver su proyecto en vivo en Vercel.

Nota: Después de implementar su proyecto desde la línea de comandos, Vercel crea un archivo . carpeta vercel que contiene el archivo project.json . Este archivo contiene las claves orgId y projectId que son confidenciales y ‘NO DEBEN’ enviarse a Git.

Paso 3 (opcional): uso de Git y GitHub para la automatización: Vercel implementa automáticamente cualquier cambio realizado en su repositorio de Git. Cada vez que se crea una nueva solicitud de extracción o combinación, Vercel crea una nueva compilación y configura una nueva implementación.