Configuración de secrets y variables de entorno

Clase 11 de 20 • Curso de Deploy con Now.sh 2017

Joaquin Araujo

student•

En ocasiones, se necesita almacenar información confidencial del proyecto que solo debe ser accedida con el código en ejecución. Esto puede lograrse utilizando los screts de asi de esta forma almacenar los datos necesarios (como tokens de API o contraseñas) para que la aplicación funcionen de una manera segura.

Una vez que almacena un secreto, sus contenidos ya no son accesibles directamente por nadie. Solo pueden estar expuestos a implementaciones como variables de entorno.

now secret add [secret-id] [secret-valor] Permite agregar un nuevo secrets.
now secret rename [secret-id] [secret-valor] Permite renombrar un secrets.
now secret rm [secret-id] [secret-valor] Permite eliminar un secrets.
now secret ls Permite listar todos los secrets.

Si necesitas una guía y resumen del curso aquí la tienes.

Edgar Moises Valdez Faria

student•

Excelente aporte. Gracias

Juan Carlos Mendoza Rodríguez

student•

Un comentario sobre el HOST: 0.0.0.0 como complemto

Un servidor, o PC puede tener una o varias direcciones IPs y están asociadas a una o más interfaces de red (Tarjeta de red o WiFI).

NOTA: no pueden existir direciones IP repetidas en la misma red ya que causaría lo que se denomina conflicto de IP y deshabilitarían dichas IPs

localhost es el equivalente a colocar la ip 127.0.0.1 o lo que es lo mismo interface local (lo) y hace referencia al mismo equipo en si. Al colocar éste valor en 0.0.0.0, se le indica a un componente de software que se va a ejecutar para que acepte peticiones desde cualquiera de las direcciones IPs asociadas a todas las interfaces de red que posea el equipo o servidor.

Si se coloca solo una, entonces la aplicación solo permitirá conexiones por esa dirección IP. En algunas aplicaciones es posible colocar más de una IPs separadas por “,”

El puerto se refiere a un número de socket que se abrirá para que la aplicación secomunique, para este caso es el 3000.

Existen 65535 puertos disponibles de los cuales los primeros 1024 están reservados para servicios conocidos.

Estos son algunos:
http: 80
https: 443
ssh: 22
cups: 631

Sergio Toshio Minei

student•

Variables de Entorno

Para crear variables de enterno, se añade un key env en el archivo now.json.

{
  "name": "platzi-now-bff",
  "env": {
    "NODE_ENV": "production",
    "PORT": "3000",
    "HOST": "0.0.0.0",
    "DB_USER": "cobliwpv",
    "DB_PASS": "",
    "DB_HOST": "stampy.db.elephantsql.com",
    "DB_NAME": "cobliwpv",
    "DB_PORT": "5432"
  },
  "type": "docker"
}

Secrets

Hay veces en la que se necesita almacenar información confidencial del proyecto que solo debe ser accedida con el código en ejecución. Esto puede lograrse usando secrets.

Una vez que almacena un secreto, sus contenidos ya no son accesibles directamente por nadie. Solo pueden estar expuestos a implementaciones como variables de entorno.

now secret add [key] [valor] Permite agregar un nuevo secrets.
now secret ls Permite listar todos los secrets.

Para usar los secrets en el archivo now.json, se hace de la siguiente manera:

{
  "env": {
    "DB_USER": "@platzi_now_db_user",
    "DB_PASS": "@platzi_now_db_pass"
  }
}

Pueden ver el resumen completo del curso aquí.
Pueden ver mi lista de resúmenes aquí.

Fernando Eladio Alvarez Noya

student•

Hola luego de ejecutar now en el directorio api al ir a la url solo me muestra los archivos pero nada ejecutandose! Que me falto hacer o que hice mal? Es el now 2.0

Alejandro Robleto

student•

me arroja este error The property type is not allowed in now.json when using Now 2.0 – please remove it.

Francisco Martin Nacimiento

student•

Mi pregunta es la siguiente, con esas variables de entorno de que definen en el now.json, lo que hacen es mapear esas variables al comando de docker run en la plataforma de now.sh? Si es así, podría decir que con un docker-compose.yml no seria necesario definir estas variables en now.json, pero no se como gestionaría los secrets desde el docker-compose.yml

Edgar Moises Valdez Faria

student•

Hola. Necesito ayuda. Tengo un error al deployar el proyecto y pienso que se debe a los Puertos.
Al ejecutar npm run dev con el puerto 3000
Esto se muestra en el navegador

500
Internal Server Error.
Network error: request to http://localhost:4000/graphql failed, reason: connect ECONNREFUSED 127.0.0.1:4000
Error: Network error: request to http://localhost:4000/graphql failed, reason: connect ECONNREFUSED 127.0.0.1:4000
    at new ApolloError (/home/evaldez/platzi/now-course/bff/node_modules/apollo-client/src/errors/ApolloError.js:32:28)
    at /home/evaldez/platzi/now-course/bff/node_modules/apollo-client/src/core/QueryManager.js:260:41
    at /home/evaldez/platzi/now-course/bff/node_modules/apollo-client/src/core/QueryManager.js:692:25
    at Array.forEach (<anonymous>)
    at /home/evaldez/platzi/now-course/bff/node_modules/apollo-client/src/core/QueryManager.js:689:27
    at Array.forEach (<anonymous>)
    at QueryManager.broadcastQueries (/home/evaldez/platzi/now-course/bff/node_modules/apollo-client/src/core/QueryManager.js:686:42)
    at Array.<anonymous> (/home/evaldez/platzi/now-course/bff/node_modules/apollo-client/src/core/QueryManager.js:63:23)
    at dispatch (/home/evaldez/platzi/now-course/bff/node_modules/redux/lib/createStore.js:186:19)
    at /home/evaldez/platzi/now-course/bff/node_modules/apollo-client/src/ApolloClient.js:172:30

Y esto en la consola del api

[nodemon] 1.11.0
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node .`
Executing (default): DROP TABLE IF EXISTS "todos" CASCADE;
Executing (default): DROP TYPE IF EXISTS "public"."enum_todos_status";
Executing (default): SELECT t.typname enum_name, array_agg(e.enumlabel ORDER BY enumsortorder) enum_value FROM pg_type t JOIN pg_enum e ON t.oid = e.enumtypid JOIN pg_catalog.pg_namespace n ON n.oid = t.typnamespace WHERE n.nspname = 'public' AND t.typname='enum_todos_status' GROUP BY 1
Executing (default): DROP TYPE IF EXISTS "public"."enum_todos_status"; CREATE TYPE "public"."enum_todos_status" AS ENUM('active', 'completed', 'deleted');
Executing (default): CREATE TABLE IF NOT EXISTS "todos" ("id" UUID UNIQUE , "content" VARCHAR(255), "status" "public"."enum_todos_status", "createdAt" TIMESTAMP WITH TIME ZONE NOT NULL, "updatedAt" TIMESTAMP WITH TIME ZONE NOT NULL, UNIQUE ("id"), PRIMARY KEY ("id"));
Executing (default): SELECT i.relname AS name, ix.indisprimary AS primary, ix.indisunique AS unique, ix.indkey AS indkey, array_agg(a.attnum) as column_indexes, array_agg(a.attname) AS column_names, pg_get_indexdef(ix.indexrelid) AS definition FROM pg_class t, pg_class i, pg_index ix, pg_attribute a WHERE t.oid = ix.indrelid AND i.oid = ix.indexrelid AND a.attrelid = t.oid AND t.relkind = 'r' and t.relname = 'todos' GROUP BY i.relname, ix.indexrelid, ix.indisprimary, ix.indisunique, ix.indkey ORDER BY i.relname;
Executing (default): CREATE UNIQUE INDEX "todos_id" ON "todos" ("id")
events.js:167
      throw er; // Unhandled 'error' event
      ^

Error: listen EADDRINUSE 127.0.0.1:3000
    at Server.setupListenHandle [as _listen2] (net.js:1336:14)
    at listenInCluster (net.js:1384:12)
    at GetAddrInfoReqWrap.doListen [as callback] (net.js:1510:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:61:10)
Emitted 'error' event at:
    at emitErrorNT (net.js:1363:8)
    at process._tickCallback (internal/process/next_tick.js:63:19)
[nodemon] app crashed - waiting for file changes before starting...

Estoy usando para la base de datos.
Al deployar con now se muestra error 500 pienso que es el mismo error.
En desarrollo el problema se soluciona cuando uso el Puerto 4000 para el api. Pero al deployar persite el error.

Esta es la conf de now.json para el api

{
    "name": "now_curso_api",
    "alias": "now_curso_api.now.sh",
    "type": "docker",
    "env": {
        "NODE_ENV": "production",
        "HOST": "0.0.0.0",
        "PORT": "3000",
        "DB_HOST": "@now_curso_platzi_db_host",
        "DB_PORT": "5432",
        "DB_USER": "@now_curso_platzi_db_user",
        "DB_PASS": "@now_curso_platzi_db_pass",
        "DB_NAME": "@now_curso_platzi_db_name"
    }
}

Y este el de bff

{
    "name": "now_curso_bff",
    "type": "npm",
    "env": {
        "NODE_ENV": "production",
        "BACKEND_API_ENDPOINT": "https://now_curso_api.now.sh/graphql",
        "BACKEND_WS_ENDPOINT": "wss://now_curso_api.now.sh/subscriptions"
    }
}

Si alguien tiene alguna idea del problema. Se agradece la ayuda

Saludos.

Edgar Moises Valdez Faria

student•

El error de debía a que mis endpoint estaban mal apuntados.

Pablo Elias Mercado Moreno

student•

Primero colocó now secrets y luego now secret, no hay problema en esto? a mi me funciono tambien, pero me gustaría saber si hay alguna diferencia o si ocurre algo en otros SO que se deba usar estrictamente de alguna forma.

Diego Forero

Team Platzi•

Es un alias, funcionan igual.

Pablo Elias Mercado Moreno

student•

@GOLLUM23 Pero alias definidas previamente por now cierto? algo así como palabras reservadas? porque yo probé y me sirvió pero no hice ningún alias.

LUIGGI ALEXIS RODRIGUEZ RUIZ

student•

Hola, tengo un error en el bff: luego de hacer deploy y probar el enlace, obtengo Internal server error : 500
Este es el log de mi ultimo deployment de bff, veo que hay un Error: Network request failed with status 404 - “Not Found”

Alquien me brindaría una pista? gracias!

Eduardo José Álvarez

Team Platzi•

Podría decir que tal vez exista un error en la escritura de la URL, por el código que retorna, 404.

Eddy Arellanes

student•

Me confundí un poco, pero al final funcionó el tema de los secrets, dejo un pedazo de código por si a alguien más le pasa:
Añadiendo el secret:
now secret add access_token 0101010
en el archivo

{
  "name": "Test",
  "alias": "test121.now.sh",
  "type": "npm",
  "env": {
    "access_token": "@access_token"
  }
}

Y en un archivo de config que uso:

const ACCESS_TOKEN = process.env.access_token //Now Secret Variable
const TOKEN_NAME = 'dummy_token'
const URL_CALLBACK = 'test121.now.sh'
module.exports = {
    ACCESS_TOKEN,
    TOKEN_NAME,
    URL_CALLBACK
}

Y así ya puedo usar mi secret y tantan (Y)

Fabian Guzman

student•

Alguien me puede ayudar, por lo menos darme un indicio

Downloading 12 deployment files...
Installing build runtime...
Build runtime installed: 465.970ms
Looking up build cache...
Build cache not found
WARNING: your application is being deployed in @now/next's legacy mode. http://err.sh/zeit/now/now-next-legacy-mode
Installing dependencies...
yarn install v1.22.0
info No lockfile found.
[1/4] Resolving packages...
warning react &gt; fbjs &gt; core-js@1.2.7: core-js@&lt;3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning next &gt; @babel/runtime-corejs2 &gt; core-js@2.6.11: core-js@&lt;3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning next &gt; styled-jsx &gt; babel-types &gt; babel-runtime &gt; core-js@2.6.11: core-js@&lt;3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
[2/4] Fetching packages...
warning terser-webpack-plugin@1.1.0: Invalid bin field for &quot;terser-webpack-plugin&quot;.
info fsevents@1.2.11: The platform &quot;linux&quot; is incompatible with this module.
info &quot;fsevents@1.2.11&quot; is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning &quot; &gt; next-server@7.0.2-canary.49&quot; has incorrect peer dependency &quot;react@^16.0.0&quot;.
warning &quot; &gt; next-server@7.0.2-canary.49&quot; has incorrect peer dependency &quot;react-dom@^16.0.0&quot;.
warning &quot; &gt; next@7.0.2-canary.49&quot; has incorrect peer dependency &quot;react@^16.0.0&quot;.
warning &quot; &gt; next@7.0.2-canary.49&quot; has incorrect peer dependency &quot;react-dom@^16.0.0&quot;.
warning &quot;next &gt; next-server@7.0.2-canary.50&quot; has incorrect peer dependency &quot;react@^16.0.0&quot;.
warning &quot;next &gt; next-server@7.0.2-canary.50&quot; has incorrect peer dependency &quot;react-dom@^16.0.0&quot;.
warning &quot; &gt; react-apollo@1.1.2&quot; has unmet peer dependency &quot;redux@^2.0.0 || ^3.0.0&quot;.
warning &quot;react-apollo &gt; react-dom@16.13.0&quot; has incorrect peer dependency &quot;react@^16.0.0&quot;.
[4/4] Building fresh packages...
success Saved lockfile.
Done in 11.94s.
Running &quot;yarn run now-build&quot;
yarn run v1.22.0
$ NODE_OPTIONS=--max_old_space_size=3000 next build --lambdas
[10:49:59 PM] Compiling client
[10:50:04 PM] Compiled client in 6s
[10:50:04 PM] Compiling server
[10:50:07 PM] Compiled server in 2s
ModuleBuildError: Module build failed (from ./node_modules/next/dist/build/webpack/loaders/next-babel-loader.js):
Error: .plugins[0][1] must be an object, false, or undefined
    at assertPluginItem (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:244:15)
    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:30
    at Array.forEach (&lt;anonymous&gt;)
    at assertPluginList (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:9)
    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:107:5
    at Array.forEach (&lt;anonymous&gt;)
    at validateNested (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:83:21)
    at validate (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:74:10)
    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:169:34
    at cachedFunction (/zeit/30cd8a69/node_modules/@babel/core/lib/config/caching.js:33:19)
    at buildRootChain (/zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:118:36)
    at loadPrivatePartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:85:55)
    at Object.loadPartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:110:18)
    at Object.&lt;anonymous&gt; (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:105:26)
    at Generator.next (&lt;anonymous&gt;)
    at step (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:3:221)
    at /zeit/30cd8a69/node_modules/webpack/lib/NormalModule.js:286:20
    at /zeit/30cd8a69/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /zeit/30cd8a69/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/zeit/30cd8a69/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /zeit/30cd8a69/node_modules/babel-loader/lib/index.js:45:103 {
  details: undefined,
  missing: undefined,
  origin: MultiModule {
    dependencies: [ [SingleEntryDependency] ],
    blocks: [],
    variables: [],
    type: 'javascript/dynamic',
    context: '/zeit/30cd8a69',
    debugId: 1001,
    hash: '7a33a20d8672d01b741f0330250c9502',
    renderedHash: '7a33a20d8672d01b741f',
    resolveOptions: {},
    factoryMeta: {},
    warnings: [],
    errors: [],
    buildMeta: { providedExports: true },
    buildInfo: {},
    reasons: [ [ModuleReason] ],
    _chunks: SortableSet [Set] {
      [Chunk],
      _sortFn: [Function: sortById],
      _lastActiveSortFn: null,
      _cache: undefined,
      _cacheOrderIndependent: undefined
    },
    id: 1,
    index: 364,
    index2: 365,
    depth: 0,
    issuer: null,
    profile: undefined,
    prefetched: false,
    built: true,
    used: true,
    usedExports: true,
    optimizationBailout: [
      'ModuleConcatenation bailout: Module is not an ECMAScript module'
    ],
    _rewriteChunkInReasons: undefined,
    useSourceMap: false,
    _source: null,
    name: 'static/P~qgTFiFlIL8HygngYQaV/pages/index.js',
    _identifier: 'multi ./pages/index.js'
  },
  dependencies: [
    SingleEntryDependency {
      module: [NormalModule],
      weak: false,
      optional: false,
      loc: [Object],
      request: './pages/index.js',
      userRequest: './pages/index.js'
    }
  ],
  module: NormalModule {
    dependencies: [],
    blocks: [],
    variables: [],
    type: 'javascript/auto',
    context: '/zeit/30cd8a69/pages',
    debugId: 1004,
    hash: '8f3dd13ed331f9e43c629b5936d75c0a',
    renderedHash: '8f3dd13ed331f9e43c62',
    resolveOptions: {},
    factoryMeta: {},
    warnings: [],
    errors: [ [Circular] ],
    buildMeta: { providedExports: true },
    buildInfo: {
      cacheable: true,
      fileDependencies: [Set],
      contextDependencies: Set {}
    },
    reasons: [ [ModuleReason] ],
    _chunks: SortableSet [Set] {
      [Chunk],
      _sortFn: [Function: sortById],
      _lastActiveSortFn: null,
      _cache: undefined,
      _cacheOrderIndependent: undefined
    },
    id: 'RNiq',
    index: 365,
    index2: 364,
    depth: 1,
    issuer: MultiModule {
      dependencies: [Array],
      blocks: [],
      variables: [],
      type: 'javascript/dynamic',
      context: '/zeit/30cd8a69',
      debugId: 1001,
      hash: '7a33a20d8672d01b741f0330250c9502',
      renderedHash: '7a33a20d8672d01b741f',
      resolveOptions: {},
      factoryMeta: {},
      warnings: [],
      errors: [],
      buildMeta: [Object],
      buildInfo: {},
      reasons: [Array],
      _chunks: [SortableSet [Set]],
      id: 1,
      index: 364,
      index2: 365,
      depth: 0,
      issuer: null,
      profile: undefined,
      prefetched: false,
      built: true,
      used: true,
      usedExports: true,
      optimizationBailout: [Array],
      _rewriteChunkInReasons: undefined,
      useSourceMap: false,
      _source: null,
      name: 'static/P~qgTFiFlIL8HygngYQaV/pages/index.js',
      _identifier: 'multi ./pages/index.js'
    },
    profile: undefined,
    prefetched: false,
    built: true,
    used: true,
    usedExports: true,
    optimizationBailout: [
      'ModuleConcatenation bailout: Module is not an ECMAScript module'
    ],
    _rewriteChunkInReasons: undefined,
    useSourceMap: false,
    _source: RawSource {
      _value: 'throw new Error(&quot;Module build failed (from ./node_modules/next/dist/build/webpack/loaders/next-babel-loader.js):\\nError: .plugins[0][1] must be an object, false, or undefined\\n    at assertPluginItem (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:244:15)\\n    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:30\\n    at Array.forEach (&lt;anonymous&gt;)\\n    at assertPluginList (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:9)\\n    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:107:5\\n    at Array.forEach (&lt;anonymous&gt;)\\n    at validateNested (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:83:21)\\n    at validate (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:74:10)\\n    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:169:34\\n    at cachedFunction (/zeit/30cd8a69/node_modules/@babel/core/lib/config/caching.js:33:19)\\n    at buildRootChain (/zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:118:36)\\n    at loadPrivatePartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:85:55)\\n    at Object.loadPartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:110:18)\\n    at Object.&lt;anonymous&gt; (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:105:26)\\n    at Generator.next (&lt;anonymous&gt;)\\n    at step (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:3:221)&quot;);'
    },
    request: '/zeit/30cd8a69/node_modules/next/dist/build/webpack/loaders/next-babel-loader.js??ref--4!/zeit/30cd8a69/pages/index.js',
    userRequest: '/zeit/30cd8a69/pages/index.js',
    rawRequest: './pages/index.js',
    binary: false,
    parser: Parser {
      _pluginCompat: [SyncBailHook],
      hooks: [Object],
      options: {},
      sourceType: 'auto',
      scope: undefined,
      state: undefined,
      comments: undefined
    },
    generator: JavascriptGenerator {},
    resource: '/zeit/30cd8a69/pages/index.js',
    matchResource: undefined,
    loaders: [ [Object] ],
    error: [Circular],
    _buildHash: '26e93971229cae3bdb6b342df05ccc42',
    buildTimestamp: 1582930199347,
    _cachedSources: Map { 'javascript' =&gt; [Object] },
    lineToLine: false,
    _lastSuccessfulBuildMeta: {},
    _ast: null
  },
  name: 'ModuleBuildError',
  error: Error: .plugins[0][1] must be an object, false, or undefined
      at assertPluginItem (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:244:15)
      at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:30
      at Array.forEach (&lt;anonymous&gt;)
      at assertPluginList (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:9)
      at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:107:5
      at Array.forEach (&lt;anonymous&gt;)
      at validateNested (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:83:21)
      at validate (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:74:10)
      at /zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:169:34
      at cachedFunction (/zeit/30cd8a69/node_modules/@babel/core/lib/config/caching.js:33:19)
      at buildRootChain (/zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:118:36)
      at loadPrivatePartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:85:55)
      at Object.loadPartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:110:18)
      at Object.&lt;anonymous&gt; (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:105:26)
      at Generator.next (&lt;anonymous&gt;)
      at step (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:3:221)
} ModuleBuildError: Module build failed (from ./node_modules/next/dist/build/webpack/loaders/next-babel-loader.js):
Error: .plugins[0][1] must be an object, false, or undefined
    at assertPluginItem (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:244:15)
    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:30
    at Array.forEach (&lt;anonymous&gt;)
    at assertPluginList (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:9)
    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:107:5
    at Array.forEach (&lt;anonymous&gt;)
    at validateNested (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:83:21)
    at validate (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:74:10)
    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:169:34
    at cachedFunction (/zeit/30cd8a69/node_modules/@babel/core/lib/config/caching.js:33:19)
    at buildRootChain (/zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:118:36)
    at loadPrivatePartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:85:55)
    at Object.loadPartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:110:18)
    at Object.&lt;anonymous&gt; (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:105:26)
    at Generator.next (&lt;anonymous&gt;)
    at step (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:3:221)
    at /zeit/30cd8a69/node_modules/webpack/lib/NormalModule.js:286:20
    at /zeit/30cd8a69/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /zeit/30cd8a69/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/zeit/30cd8a69/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /zeit/30cd8a69/node_modules/babel-loader/lib/index.js:45:103 {
  details: undefined,
  missing: undefined,
  origin: MultiModule {
    dependencies: [ [SingleEntryDependency] ],
    blocks: [],
    variables: [],
    type: 'javascript/dynamic',
    context: '/zeit/30cd8a69',
    debugId: 2092,
    hash: '166722774d26ebeabf250cffd337e080',
    renderedHash: '166722774d26ebeabf25',
    resolveOptions: {},
    factoryMeta: {},
    warnings: [],
    errors: [],
    buildMeta: { providedExports: true },
    buildInfo: {},
    reasons: [ [ModuleReason] ],
    _chunks: SortableSet [Set] {
      [Chunk],
      _sortFn: [Function: sortById],
      _lastActiveSortFn: null,
      _cache: undefined,
      _cacheOrderIndependent: undefined
    },
    id: 0,
    index: 0,
    index2: 1,
    depth: 0,
    issuer: null,
    profile: undefined,
    prefetched: false,
    built: true,
    used: true,
    usedExports: true,
    optimizationBailout: [
      'ModuleConcatenation bailout: Module is not an ECMAScript module'
    ],
    _rewriteChunkInReasons: undefined,
    useSourceMap: false,
    _source: null,
    name: 'static/P~qgTFiFlIL8HygngYQaV/pages/index.js',
    _identifier: 'multi ./pages/index.js'
  },
  dependencies: [
    SingleEntryDependency {
      module: [NormalModule],
      weak: false,
      optional: false,
      loc: [Object],
      request: './pages/index.js',
      userRequest: './pages/index.js'
    }
  ],
  module: NormalModule {
    dependencies: [],
    blocks: [],
    variables: [],
    type: 'javascript/auto',
    context: '/zeit/30cd8a69/pages',
    debugId: 2096,
    hash: '8f3dd13ed331f9e43c629b5936d75c0a',
    renderedHash: '8f3dd13ed331f9e43c62',
    resolveOptions: {},
    factoryMeta: {},
    warnings: [],
    errors: [ [Circular] ],
    buildMeta: { providedExports: true },
    buildInfo: {
      cacheable: true,
      fileDependencies: [Set],
      contextDependencies: Set {}
    },
    reasons: [ [ModuleReason] ],
    _chunks: SortableSet [Set] {
      [Chunk],
      _sortFn: [Function: sortById],
      _lastActiveSortFn: null,
      _cache: undefined,
      _cacheOrderIndependent: undefined
    },
    id: 'RNiq',
    index: 1,
    index2: 0,
    depth: 1,
    issuer: MultiModule {
      dependencies: [Array],
      blocks: [],
      variables: [],
      type: 'javascript/dynamic',
      context: '/zeit/30cd8a69',
      debugId: 2092,
      hash: '166722774d26ebeabf250cffd337e080',
      renderedHash: '166722774d26ebeabf25',
      resolveOptions: {},
      factoryMeta: {},
      warnings: [],
      errors: [],
      buildMeta: [Object],
      buildInfo: {},
      reasons: [Array],
      _chunks: [SortableSet [Set]],
      id: 0,
      index: 0,
      index2: 1,
      depth: 0,
      issuer: null,
      profile: undefined,
      prefetched: false,
      built: true,
      used: true,
      usedExports: true,
      optimizationBailout: [Array],
      _rewriteChunkInReasons: undefined,
      useSourceMap: false,
      _source: null,
      name: 'static/P~qgTFiFlIL8HygngYQaV/pages/index.js',
      _identifier: 'multi ./pages/index.js'
    },
    profile: undefined,
    prefetched: false,
    built: true,
    used: true,
    usedExports: true,
    optimizationBailout: [
      'ModuleConcatenation bailout: Module is not an ECMAScript module'
    ],
    _rewriteChunkInReasons: undefined,
    useSourceMap: false,
    _source: RawSource {
      _value: 'throw new Error(&quot;Module build failed (from ./node_modules/next/dist/build/webpack/loaders/next-babel-loader.js):\\nError: .plugins[0][1] must be an object, false, or undefined\\n    at assertPluginItem (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:244:15)\\n    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:30\\n    at Array.forEach (&lt;anonymous&gt;)\\n    at assertPluginList (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:9)\\n    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:107:5\\n    at Array.forEach (&lt;anonymous&gt;)\\n    at validateNested (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:83:21)\\n    at validate (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:74:10)\\n    at /zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:169:34\\n    at cachedFunction (/zeit/30cd8a69/node_modules/@babel/core/lib/config/caching.js:33:19)\\n    at buildRootChain (/zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:118:36)\\n    at loadPrivatePartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:85:55)\\n    at Object.loadPartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:110:18)\\n    at Object.&lt;anonymous&gt; (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:105:26)\\n    at Generator.next (&lt;anonymous&gt;)\\n    at step (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:3:221)&quot;);'
    },
    request: '/zeit/30cd8a69/node_modules/next/dist/build/webpack/loaders/next-babel-loader.js??ref--4!/zeit/30cd8a69/pages/index.js',
    userRequest: '/zeit/30cd8a69/pages/index.js',
    rawRequest: './pages/index.js',
    binary: false,
    parser: Parser {
      _pluginCompat: [SyncBailHook],
      hooks: [Object],
      options: {},
      sourceType: 'auto',
      scope: undefined,
      state: undefined,
      comments: undefined
    },
    generator: JavascriptGenerator {},
    resource: '/zeit/30cd8a69/pages/index.js',
    matchResource: undefined,
    loaders: [ [Object] ],
    error: [Circular],
    _buildHash: '26e93971229cae3bdb6b342df05ccc42',
    buildTimestamp: 1582930204951,
    _cachedSources: Map { 'javascript' =&gt; [Object] },
    lineToLine: false,
    _lastSuccessfulBuildMeta: {},
    _ast: null
  },
  name: 'ModuleBuildError',
  error: Error: .plugins[0][1] must be an object, false, or undefined
      at assertPluginItem (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:244:15)
      at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:30
      at Array.forEach (&lt;anonymous&gt;)
      at assertPluginList (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/option-assertions.js:222:9)
      at /zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:107:5
      at Array.forEach (&lt;anonymous&gt;)
      at validateNested (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:83:21)
      at validate (/zeit/30cd8a69/node_modules/@babel/core/lib/config/validation/options.js:74:10)
      at /zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:169:34
      at cachedFunction (/zeit/30cd8a69/node_modules/@babel/core/lib/config/caching.js:33:19)
      at buildRootChain (/zeit/30cd8a69/node_modules/@babel/core/lib/config/config-chain.js:118:36)
      at loadPrivatePartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:85:55)
      at Object.loadPartialConfig (/zeit/30cd8a69/node_modules/@babel/core/lib/config/partial.js:110:18)
      at Object.&lt;anonymous&gt; (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:105:26)
      at Generator.next (&lt;anonymous&gt;)
      at step (/zeit/30cd8a69/node_modules/babel-loader/lib/index.js:3:221)
}
&gt; Build error occured
Error: &gt; Build failed because of webpack errors
    at Object.build [as default] (/zeit/30cd8a69/node_modules/next/dist/build/index.js:42:15)
    at runMicrotasks (&lt;anonymous&gt;)
    at processTicksAndRejections (internal/process/task_queues.js:94:5)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Error: Exited with 1
    at ChildProcess.&lt;anonymous&gt; (/zeit/7665ffb244d2ecd4/.build-utils/node_modules/@now/build-utils/dist/index.js:31347:24)
    at ChildProcess.emit (events.js:223:5)
    at ChildProcess.EventEmitter.emit (domain.js:475:20)
    at maybeClose (internal/child_process.js:1021:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:283:5)
worker exited with code 20 and signal null
Done with &quot;package.json&quot;

Cesar Galindo

student•

Me esta apareciendo el siguiente error

`Now CLI 17.0.4
❗️  The `name` property in now.json is deprecated (https://zeit.ink/5F)
🔍  Inspect: https://zeit.co/chestergalindo/platzi-bbf-now/2q1m3rn8u [2s]
Error! Build failed
Error! Check your logs at https://platzi-bbf-now-2q1m3rn8u.now.sh/_logs or run `now logs https://platzi-bbf-now-2q1m3rn8u.now.sh`````

mi repo es [](https://github.com/chestergalindo/now-course)

Erickson Quintana

student•

Saludos a mi me sigue sin funcionar now, ejecuto en mi terminal now y no hace nada, es dificil seguir este curso con este problema y nadie quien pueda ayudar

Javier Rodolfo

student•

naw cambio a vercel. digitas vercel

Alejandro Robleto

student•

alguien me podria ayudar a resover el punto de la version 2,0 de now cuando trato de hacer el deploy no me deja porque me indica que el The property type is not allowed in now.json when using Now 2.0 – please remove it. :(

Oswaldo Peralta

student•

Estimado, en el video utilizan Now 1.0, por lo tanto la lìnea "type": "npm" era necesaria.

Al estar en versiòn 2.0, lo que debe hacer es quitar esa lìnea del now.json y todo funcionarà implecable.

carlinius PD

student•

hola, los datos de la conexión a la bbdd todavía funcionan? lo digo por que a mi me da un error de login
gracias, un saludo

David Toca

student•

No debes usar los datos de conexion del video, estos son los del profesor, tu debes tener unos propios de tu aplicacion, para ello puedes usar elephantsql, para usarlo, debes crear una cuenta en y una vez estes logeado creas tu propia base de datos y a continuacion ver los datos de conexion de esa base de datos en la seccion de details, esos datos de conexion son los que debes usar.

David Moya Garcia

student•

Ayuda!
Me da este error:

Error! An unexpected error occurred!
SyntaxError: Unexpected string in JSON at position 207
at JSON.parse (<anonymous>)
at readJSON (/snapshot/now-cli/dist/now.js:4503:17) SyntaxError: Unexpected string in JSON at position 207
at JSON.parse (<anonymous>)
at readJSON (/snapshot/now-cli/dist/now.js:4503:17)

Diego Forero

Team Platzi•

Comparte tu archivo de configuración, al parecer hay un problema, esta llegando un string donde no los espera.

David Moya Garcia

student•

Me faltaban unas " " 😉 Gracias.

Configuración de secrets y variables de entorno

Introducción al Cursos de Deploy con Now.sh

Componentes de una aplicación

Opciones para hacer Deploy

Aplicaciones monolíticas vs microservicios

Instalación de Now.sh

Aplicaciones Estáticas

Deploy con GitHub Pages

Deploy con Surge.sh

Deploy con Now.sh

Tipos de Deploy

Estructura del proyecto

Deploy de aplicaciones Node.js

Deploy de contenedores de Docker

Configuraciones

Configuración de secrets y variables de entorno

Ver el código fuente de tu aplicación

Definir aliases para tus deploy

Usar un dominio personalizado

Componer microservicios

Conclusiones

Conclusión del proyecto

Conclusiones del curso

Contenido Bonus

Deploy en Now.sh desde GitHub

Retos y Desafíos

Combinar muchos servicios

Usar un servicio diferente