¡Hola - WordCamp Madrid 2018 · ¡Hola !! Jepser Bernardino . Front End Developer. Conversational...

Post on 20-May-2020

9 views 0 download

Transcript of ¡Hola - WordCamp Madrid 2018 · ¡Hola !! Jepser Bernardino . Front End Developer. Conversational...

¡Hola !!

Jepser Bernardino

Front End Developer

ConversationalDataCollection

Sitios web estáticoscon WordPress & React

Typeform Public Site

🤔

😎 💅 ⌨

✅ 👍

Entregamos contenido estático

(La mayoría de veces)

🚢Server

🤓💻Happy user

🛢Database

🛠 CMS

🚀Caché

Crear una funcionalidad mueve muchas partes a la vez

🤓 <🚪/> 🏗

🚪 🚽 🛋

🏚

Normalizar nuestro stack

¿Podemos hacer el Public Site?

Developers Portal

• Seguía en Alpha (la versión estable era 0.21.x)

• Múltiples orígenes de contenido

• Problema con templates

• Fácil de crear páginas estáticas

• Múltiples nodos de contenido

• Utiliza GraphQL para obtener el contenido

• Buen directorio de plugins

• Buena documentación

🎉

• Es rápido (2.2s, <1s FCP, 1.3MB)

• SEO friendly

• Continuous Deployment

Public SiteWordPress monolite

📦

Content APIWordPress

🤘

FrontendReact

/super/rest/api

🤓

Gatsby no tiene "Preview"

🤔

Isomorphic React Framework

Creando una página

Rutas estáticas

Rutas dinámicas

Public site• 3M+ vistantes en promedio

• Servicios integrados

• Reverse proxy & external latency

• Customization API

https://github.com/jepser/site-contentful

🏗

🚀

Travis CI

Now

🐙

📦 Content API (contentful)

Github push

ƛ Lambda

🍺 Semantic Release

Podría ser WordPress API

¡Gracias 🙏!

Jepser Bernardino@typeform