Slide 1

Slide 1 text

Azure functions + Código front-end Deu bom!!

Slide 2

Slide 2 text

Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

O que vocês acharam desse nome de palestra? Pensaram que iria falar de algum app front conectando a uma API serverless.

Slide 5

Slide 5 text

Relacionado a um problema do meu trabalho Meta: ter um aumento!

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

…landing pages(tudo) construídas em

Slide 8

Slide 8 text

O que trazia diversos problemas SEO Ruim, componentização complicada, difícil escabilidade.

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Repo Componentes Aplicações - Front landing - metro landing - outdoor landing - aeroporto

Slide 11

Slide 11 text

A NOALVO é uma startup! Esse é o LADO BOM e o LADO RUIM também…

Slide 12

Slide 12 text

landing - metro landing - outdoor landing - aeroporto $$

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Vou rodar uma função. Vou escalar a fn em um click. Facilidade no bootstrap. Vários triggers além de HTTP. Vou pagar o quanto eu usar.

Slide 15

Slide 15 text

A galera usa Azure Functions pra automações e algumas APIS NÃO PARA SERVIR FRONT-END

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Agora eu sei que funciona, vou olhar esses projetos… apollo-server-azure-functions, now-bridge e serverless-http.

Slide 18

Slide 18 text

O Nuxt é usado como middleware… app.use(nuxt.render)

Slide 19

Slide 19 text

Não tem o `app` nas functions async function (context, req)

Slide 20

Slide 20 text

Inicializa o trigger Request Extrair o `path` do `context` Fazer um request internamente Criar HTTP Server internamente na function com o Nuxt como middleware

Slide 21

Slide 21 text

Depois disso o resto é lenda…

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Obrigado! igorluiz.me/talks - @IgorHalfeld