DEPLOY A VERCEL 2021

• Ahora ya no se llama now es vercel (vercel.com)
  1.- Instalar de forma global vercel

npm install -g vercel

1.1.- Necesitamos registrarnos en vercel.com.
1.2.- Debemos loguearnos desde nuestra consola, con:

vercel login

Escogen loguearse con EMAIL y enter
(Introducen su email)…y enter.

2.- DEPLOY EN /API
2.1.- Ingresamos a la carpeta API desde la terminal cd API.
2.2.- Cambiamos el nombre del archivo de: now.json a vercel.json.
2.3.- Cambiamos el contenido del este archivo por el siguiente:

{
  "version": 2,
  "name": "petgram-server-TU_NOMBRE",
  "alias": ["petgram-api-TU_NOMBRE"],
  "builds": [{ "src": "index.js", "use": "@vercel/node" }],
  "routes": [{
    "headers": {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
        "Access-Control-Allow-Headers": "X-Requested-With, Content-Type, Accept"
    },
    "src": "/.*", "dest": "index.js" }
  ]

2.4.- y luego ejecutamos en la terminal vercel para el deploy. Con la siguiente Configuración.

• ? Set up and deploy “~/projects/curso-platzi-react-avanzado/api”? [Y/n] (Seleccionamos Y, y enter).
• ? Which scope do you want to deploy to? escogemos nuestra única opcion.(debe aparecer el email con el que nos registramos, y enter).
• ? Link to existing project? [y/N] n (Seleccionamos n, y enter).
• ? What’s your project’s name? petgram-TU_NOMBRE (introducimos nuestro nombre de proyecto y enter).
• ? In which directory is your code located? ./ (aqui solo enter).
  (Como salida en la términal deberia Aparecer el link de nuestro deploy)
  3.- Ahora para nuestro proyecto principal:
  3.1.- Salimos de api cd ...
  3.2.- Creamos el archivo vercel.json en la raiz del proyecto.
  3.3.- copiamos la siguiente informacion a vercel.json reemplazando los valores:

{
    "version": 2,
    "name": "petgram-TU_NOMBRE",
    "builds": [
        { "use": "@vercel/static-build", "src": "package.json"}
    ],
    "routes": [
        {
            "src": "(.*).js",
            "dest": "/$1.js"            
        },
        {
            "src": "(.*).json",
            "dest": "/$1.json"            
        },
        {
            "src": "/.*",
            "dest": "index.html"
        }
    ]
} 

3.4.- ejecutamos vercel en la términal y seguimos los pasos de igual forma como lo hicimos con /api.
Y ya!! 😄