Despliegue en Heroku

Clase 16 de 17 • Curso de Sapper

Wilson Fernando Antury Torres

student•

netlify sirve archivos estáticos a partir de un compilado por parte de sapper.
heroku puede correr un servidor en express o en este caso polka, podemos hacer consultas a bases de datos y crear un API.

Daniel Augusto Melgarejo Gómez

student•

tarea terminada https://pugstagram-sapper-melman.herokuapp.com/

Wilson Fernando Antury Torres

student•

Lo que podemos hacer es hacer despliegue del front en netlify, y desde allí consumir un API externo. Es correcto?

Juan Castro

teacher•

Sí. Podemos hacer exactamente eso.

Wilson Fernando Antury Torres

student•

Alguien soluciono la carga de los iconos de perfil y de likes en el header cuando se carga deshabilitando javascript?

Jaime David Burbano Montoya

student•

Aquí esta mi código, echale un ojo, a mi me funcionan los iconos

https://github.com/eltranseunteurbano/Pugstagram-sapper

Sorin Danila

student•

A mi me falla el build en heroku. En local funciona todo.

-----> Building on the Heroku-20 stack -----> Determining which buildpack to use for this app -----> Node.js app detected

-----> Creating runtime environment

   NPM_CONFIG_LOGLEVEL=error
   NODE_VERBOSE=false
   NODE_ENV=production
   NODE_MODULES_CACHE=true

-----> Installing binaries engines.node (package.json): unspecified engines.npm (package.json): unspecified (use default)

   Resolving node version 16.x...
   Downloading and installing node 16.14.0...
   Using default npm version: 8.3.1

-----> Installing dependencies Prebuild detected (node_modules already exists) Rebuilding any native modules rebuilt dependencies successfully Installing any new modules (package.json)

   added 272 packages, changed 1 package, and audited 399 packages in 5s
   
   9 packages are looking for funding
     run `npm fund` for details
   
   5 high severity vulnerabilities
   
   To address all issues, run:
     npm audit fix
   
   Run `npm audit` for details.

-----> Build Running build

   > pugstagram@1.0.0 build
   > sapper build
   
   > Building...
   > Cannot find module './SourceAndMapMixin'
   Require stack:
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/OriginalSource.js
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/index.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/Compiler.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/webpack.js
   - /tmp/build_d586fafb/webpack.config.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/core.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/build.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/cli.js
   - /tmp/build_d586fafb/node_modules/sapper/sapper
   Error: Cannot find module './SourceAndMapMixin'
   Require stack:
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/OriginalSource.js
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/index.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/Compiler.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/webpack.js
   - /tmp/build_d586fafb/webpack.config.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/core.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/build.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/cli.js
   - /tmp/build_d586fafb/node_modules/sapper/sapper
       at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
       at Function.Module._load (node:internal/modules/cjs/loader:778:27)
       at Module.require (node:internal/modules/cjs/loader:1005:19)
       at require (node:internal/modules/cjs/helpers:102:18)
       at Object.<anonymous> (/tmp/build_d586fafb/node_modules/webpack-sources/lib/OriginalSource.js:68:1)
       at Module._compile (node:internal/modules/cjs/loader:1103:14)
       at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10)
       at Module.load (node:internal/modules/cjs/loader:981:32)
       at Function.Module._load (node:internal/modules/cjs/loader:822:12)
       at Module.require (node:internal/modules/cjs/loader:1005:19)

-----> Build failed

   We're sorry this build is failing! You can troubleshoot common issues here:
   https://devcenter.heroku.com/articles/troubleshooting-node-deploys
   
   Some possible problems:
   
   - node_modules checked into source control
     https://devcenter.heroku.com/articles/node-best-practices#only-git-the-important-bits
   
   - Node version not specified in package.json
     https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
   
   - A module may be missing from 'dependencies' in package.json
     https://devcenter.heroku.com/articles/troubleshooting-node-deploys#ensure-you-aren-t-relying-on-untracked-dependencies
   
   Love,
   Heroku

! Push rejected, failed to compile Node.js app. ! Push failed

Alguna idea?

Kevin Fiorentino

student•

Ojalá actualicen el curso de Heroku que el actual en Platzi es muy viejo.

   added 272 packages, changed 1 package, and audited 399 packages in 5s
   
   9 packages are looking for funding
     run `npm fund` for details
   
   5 high severity vulnerabilities
   
   To address all issues, run:
     npm audit fix
   
   Run `npm audit` for details.

   > pugstagram@1.0.0 build
   > sapper build
   
   > Building...
   > Cannot find module './SourceAndMapMixin'
   Require stack:
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/OriginalSource.js
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/index.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/Compiler.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/webpack.js
   - /tmp/build_d586fafb/webpack.config.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/core.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/build.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/cli.js
   - /tmp/build_d586fafb/node_modules/sapper/sapper
   Error: Cannot find module './SourceAndMapMixin'
   Require stack:
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/OriginalSource.js
   - /tmp/build_d586fafb/node_modules/webpack-sources/lib/index.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/Compiler.js
   - /tmp/build_d586fafb/node_modules/webpack/lib/webpack.js
   - /tmp/build_d586fafb/webpack.config.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/core.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/build.js
   - /tmp/build_d586fafb/node_modules/sapper/dist/cli.js
   - /tmp/build_d586fafb/node_modules/sapper/sapper
       at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
       at Function.Module._load (node:internal/modules/cjs/loader:778:27)
       at Module.require (node:internal/modules/cjs/loader:1005:19)
       at require (node:internal/modules/cjs/helpers:102:18)
       at Object.<anonymous> (/tmp/build_d586fafb/node_modules/webpack-sources/lib/OriginalSource.js:68:1)
       at Module._compile (node:internal/modules/cjs/loader:1103:14)
       at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10)
       at Module.load (node:internal/modules/cjs/loader:981:32)
       at Function.Module._load (node:internal/modules/cjs/loader:822:12)
       at Module.require (node:internal/modules/cjs/loader:1005:19)

   We're sorry this build is failing! You can troubleshoot common issues here:
   https://devcenter.heroku.com/articles/troubleshooting-node-deploys
   
   Some possible problems:
   
   - node_modules checked into source control
     https://devcenter.heroku.com/articles/node-best-practices#only-git-the-important-bits
   
   - Node version not specified in package.json
     https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
   
   - A module may be missing from 'dependencies' in package.json
     https://devcenter.heroku.com/articles/troubleshooting-node-deploys#ensure-you-aren-t-relying-on-untracked-dependencies
   
   Love,
   Heroku
   

Despliegue en Heroku

Bienvenida

Por qué aprender Sapper y qué vas a aprender

¿Qué es Sapper?

Configuración para Sapper

Clonar proyecto Pugstagram

Instalación y configuración de Sapper

Crear Template html

Webpack

Rutas con Sapper

Layout

Profile

Header

Error 404

Optimización

Uso de prefetch y goto

Primer llamado con prefetch

Service Worker

Crear Service Worker

Configurar Service Worker

Despliegue

Despliegue usando Sapper Export

Despliegue en Heroku

Cierre

Continúa con el Curso Práctico de Svelte y Sapper