Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Azure Function and Front-end Code

Avatar for Igor Halfeld Igor Halfeld
July 17, 2019
Programming
60
0

Azure Function and Front-end Code

Avatar for Igor Halfeld

Igor Halfeld

July 17, 2019

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
Avatar for Igor Halfeld igorhalfeld
0
210
How to migrate legacy frontend?
Avatar for Igor Halfeld igorhalfeld
1
150
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
140
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
77
Step by step I followed a career in software
Avatar for Igor Halfeld igorhalfeld
0
710
Using AI to create memes
Avatar for Igor Halfeld igorhalfeld
0
540
Deninho, the TS children
Avatar for Igor Halfeld igorhalfeld
1
230
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
420
CSS in JavaScripto, the anti-pattern that is good
Avatar for Igor Halfeld igorhalfeld
1
120

Other Decks in Programming

See All in Programming
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
420
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
290
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
2k
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
310
SREの越境 / SRE Collaboration
Avatar for y-ohgi y0hgi
2
310
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
130
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
200
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
1
200
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
170
カツオ、ご期待ください
Avatar for saku_totomi suneo3476
0
190

Featured

See All Featured
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Side Projects
Avatar for Sacha Greif sachag
456
43k
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
260
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
600
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
280

Transcript

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

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

  3. None

  4. O que vocês acharam desse nome de palestra? Pensaram que

    iria falar de algum app front conectando a uma API serverless.

  5. Relacionado a um problema do meu trabalho Meta: ter um

    aumento!
  6. None

  7. …landing pages(tudo) construídas em

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

    escabilidade.
  9. None

  10. Repo Componentes Aplicações - Front landing - metro landing -

    outdoor landing - aeroporto

  11. A NOALVO é uma startup! Esse é o LADO BOM

    e o LADO RUIM também…

  12. landing - metro landing - outdoor landing - aeroporto $$

  13. None

  14. 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.

  15. A galera usa Azure Functions pra automações e algumas APIS

    NÃO PARA SERVIR FRONT-END
  16. None

  17. Agora eu sei que funciona, vou olhar esses projetos… apollo-server-azure-functions,

    now-bridge e serverless-http.

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

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

  20. Inicializa o trigger Request Extrair o `path` do `context` Fazer

    um request internamente Criar HTTP Server internamente na function com o Nuxt como middleware

  21. Depois disso o resto é lenda…

  22. None
  23. None

  24. Obrigado! igorluiz.me/talks - @IgorHalfeld