Pasos previos necesarios
Vas a necesitar tener un proyecto en GitHub, sino podes usar los de ejemplo que ofrece Vercel, pero lo ideal es poder hacerlo con uno propio para ver algunos beneficios
Tener una cuenta en Vercel. La misma puede ser dada de alta con la cuenta de GitHub
Conexión y deploy
Una vez tengamos el repo del proyecto listo y una cuenta de Vercel, podemos hacer un deploy muy simple dándole permisos a Vercel para acceder al repo. En mi caso la interfaz puede ser un poco diferente debido a que tengo dos proyectos en producción, pero los pasos a seguir son bastantes similares.
Primero voy a crear un nuevo proyecto
En este caso seleccione el repo de mi portfolio y nos muestra una pestañea para configurar el deploy
En “Framework Preset” podes buscar si esta disponible el que hallas usado si es que no lo detecto automáticamente vercel o en un futuro podrías cambiarlo en caso de migrar
En la pestaña de “Build and Output Settings” podes hacer un override o sobre escritura de los comandos básicos para construir la web, por ejemplo, aca podrías personalizar el comando si en vez de usar npm estas usando pnpm o algún otro gestor de paquetes.
Por ultimo esta la sección de variables de entorno para poder agregar las que sean necesarias
Una vez configurado a gusto voy a hacer el deploy para que arranque la magia
Terminado el proceso, si no hubo ningún error,vercel mostrara un mensaje de felicitaciones y alguna documentación útil
voy a evitar por el momento esa documentación e ir directamente al dashboard del proyecto
Si bien hay muchas opciones interesantes aca, si queres explorarlo a fondo queda por tu cuenta, sin miedo al éxito!
Asignación de dominio
Ahora me voy a enfocar en la sección de “Domains” en donde voy a escribir el dominio que compramos. Para este ejemplo voy a simular un que fue comprado en NIC argentina
Elegís la opción recomendada
Aca elijo la opción por Nameservers y voy a darle a enable DNS para ver algo asi
Es hora de utilizar esos Nameservers en la pagina de AFIP en donde voy a elegir la opción de delegar
Ahora voy a agregar una nueva delegación y voy a poner los Nameservers que nos dios Vercel
ns1.vercel-dns.com
ns2.vercel-dns.com
Le doy a ejecutar cambios y solo queda esperar aproximadamente 1H. Vercel notifica vía mail cuando se pudo realizar correctamente y en la misma sección de domains veríamos algo así
Tene en cuenta que esta ultima imagen es de otro dominio, no el que mostré en en el ejemplo ya que no quería comprar ese dominio y no usarlo para nada.