Curso de Sapper

Clases del Curso de Sapper

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Básico
2 horas de contenido
Ver la ruta de aprendizaje
Pugstagram Avanzado
Proyecto del curso
Pugstagram Avanzado

Usando Sapper optimizaremos la cantidad de código que enviamos al navegador de la aplicación Pugstagram, proyecto del Curso de Svelte.

Curso de Sapper

Curso de Sapper

Progreso del curso:0/17contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/17contenidos(0%)

Bienvenida

Material Thumbnail

Por qué aprender Sapper y qué vas a aprender

01:22 min

Material Thumbnail

¿Qué es Sapper?

03:52 min

Configuración para Sapper

Material Thumbnail

Clonar proyecto Pugstagram

04:42 min

Material Thumbnail

Instalación y configuración de Sapper

08:14 min

Material Thumbnail

Crear Template html

03:21 min

Optimización

Material Thumbnail

Uso de prefetch y goto

07:12 min

Material Thumbnail

Primer llamado con prefetch

05:54 min

Service Worker

Material Thumbnail

Crear Service Worker

06:08 min

Material Thumbnail

Configurar Service Worker

10:02 min

Despliegue

Material Thumbnail

Despliegue usando Sapper Export

07:49 min

Material Thumbnail

Despliegue en Heroku

06:29 min

Cierre

Material Thumbnail

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

01:21 min

nuevosmás votadossin responder
Misael Guerrero
Misael Guerrero
Estudiante

Recientemente llegó a nuestras vidas SvelteKit.
https://kit.svelte.dev/
¿Qué diferencia tiene con respecto a Sapper?
¿Terminará reemplazándolo?

1
Karen Gómez
Karen Gómez
Estudiante

Me sale este error. Ayuda!!!

$ npm run exportnpm ERR! missing script: exportnpm ERR! A complete log ofthis run can be found in:
npm ERR!     C:\Users\Nerak\AppData\Roaming\npm-cache\_logs\2021-02-04T22_03_41_147Z-debug.log```
0
lahincapie
lahincapie
Estudiante

Buenas chicos… aun no acabo de entender la funcionalidad de <slot />…

1
Fabian Rivera Restrepo
Fabian Rivera Restrepo
Estudiante

Tengo el siguiente problema, se queda en un ciclo infinito

<✔ server (1.6s)
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
webpack:///./src/server.js?:23
  .listen(PORT, err => {
          ^

ReferenceError: PORT is not defined
    at eval (webpack:///./src/server.js?:23:11)
    at Module../src/server.js (C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\__sapper__\dev\server\server.js:374:1)
    at __webpack_require__ (C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\__sapper__\dev\server\server.js:21:30)
    at C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\__sapper__\dev\server\server.js:85:18
    at Object.<anonymous> (C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\__sapper__\dev\server\server.js:88:10)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
> Server crashed
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...
✗ client
src/client.js
Module not found: Can't resolve '@sapper' in 'C:\Users\User\Desktop\Courses\Platzi\AF\Sapper\svelteApp\src'

src\node_modules\@sapper\service-worker.js changed. rebuilding...>

¿Qué debo hacer?

0
Diego Fernando Rojas Quintero
Diego Fernando Rojas Quintero
Estudiante

¿Que es un Service Worker?

5
Diego Fernando Rojas Quintero
Diego Fernando Rojas Quintero
Estudiante

¿Que es un SSR?

4
Cris464
Cris464
Estudiante

se puede utilizar routing,solo instalando la dependencia
npm install --save svelte-routing o si queremos utilizar la herramienta adecuadamente seria mejor sapper

1
Arantxa Giovanna Rosas Del Valle
Arantxa Giovanna Rosas Del Valle
Estudiante

¿Al agregar el favicon no se debía ver en la pestaña del navegador?

1
joseVargas94
joseVargas94
Estudiante

donde puedo leer documentación del porque de esta configuración ?

1
wilantury
wilantury
Estudiante

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

2