Deploy a Netlify

Clase 27 de 35 • Curso de Desarrollo Web con Svelte y Sapper

Diego Artiles

student•

Algo que no entiendo es como hacer que sapper / svelte, traiga los datos actualizados de la api o cada vez que se ingrese al sitio actualice nuestro _posts.json, porque si borro o edito un post en ghost no se ven reflejados en el blog.

Ademas en el comando de build le puse que sea npm run data && npm run export, para que antes de cada build refresque la data.

Si alguien me pudiera ayudar :(

Kenny Emmanuel Lajara Aquino

student•

Creo que las 2 opciones que tienes son:

Compilar el proyecto y volver a subirlo cada vez que actualices tus publicaciones (lo cual no debería ser tan pesado gracias a la integración continua con Netlify... pero sí es un poco molesto).
Modificar el proyecto para que, en vez de consultar la API y guardar los datos, la consulte cada vez que el usuario visita tu web (ralentiza un poco la página pero no tendrás que compilar y subir el proyecto cada vez).

Rubén Padilla

student•

Puedes hacer lo siguiente:

Crear un build hook en Netlify: TuProyecto -> Settings -> Build and Deploy -> Build Hooks -> Add build hook
En la página de Ghost admin agregar ese hook. En Integrations -> Add custom integration -> Le das un nombre -> Add webhook -> Seleccionas el evento "Site changed (rebuild)" y en la parte de target url agregas la url que te dío Netlify cuando creaste el hook.

De esta manera cada vez que agregues o actualices un post se enviara una petición para hacer build de tu sistio en Netlify con los comandos que tienes.

Deploy a Netlify

Herramientas para trabajar con Svelte profesionalmente

Proyecto del curso y estado del arte de Svelte

Setup inicial con Sapper

Estructura de un proyecto en Sapper

Estructura de rutas con Sapper

Sistema de rutas y rutas dinámicas en Sapper

Layout y estructura principal de nuestro blog

Ruta 404 con animaciones

Rutas principales del blog: about, contact y tags

Construye el Layout y Newsletter del blog

Diseño y maquetación del Header

Diseño y maquetación del Nav

Diseño y maquetación del Sidebar y Footer

Construye un Newsletter para el blog

Estructura de los blogposts

Sección principal del blog y blogposts

Integración de analytics, comentarios y tiempo de lectura en tu blog

Integración con Google Analytics

Calcula el tiempo de lectura de cada blogpost

Muestra un emoji aleatorio en cada blogpost

Manejo de fechas dentro del blog con JavaScript Vainilla

Estructura del blogpost con comentarios

Integración con Disqus para agregar comentarios

Construye tu API usando Ghost CMS

Instalación de Ghost

Configuración de Ghost en Heroku

Ghost Core API

Integra la API de Ghost en tu blog con Svelte

Guardando la información de nuestros blogposts

Terminando la integración

Despliega tu aplicación

Compra de un dominio y manejo del DNS con Cloudflare

Deploy a Netlify

Deploy a Heroku

SEO y optimización de tu sitio web

Metadatos y optimización del SEO

Transforma tu blog en una PWA

RSS

Terminando el RSS

Sitemap

Agrega pruebas de integración con Cypress

Cómo continúa tu camino profesional con Svelte

Siguientes pasos con Svelte