Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Azure Function and Front-end Code
Search
Igor Halfeld
July 17, 2019
Programming
57
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Azure Function and Front-end Code
Igor Halfeld
July 17, 2019
More Decks by Igor Halfeld
See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
210
How to migrate legacy frontend?
igorhalfeld
1
140
Patterns for perfect components in Vue.js
igorhalfeld
0
130
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
74
Step by step I followed a career in software
igorhalfeld
0
710
Using AI to create memes
igorhalfeld
0
540
Deninho, the TS children
igorhalfeld
1
230
Micro Front-ends, what they don't tell you
igorhalfeld
0
410
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
110
Other Decks in Programming
See All in Programming
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
freee
PRO
0
160
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
260
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
kanaru0928
0
210
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
210
yield再入門 #phpcon
o0h
PRO
0
1k
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
pluu
0
220
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
610
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
380
AIが無かった頃の素敵な出会いの話
codmoninc
1
400
OpenSpecのproposalにbrainstormingを持たせてみた
tigertora7571
1
210
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
1.5k
仕様駆動開発の消費期限
watany
20
7.7k
Featured
See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.5k
Scaling GitHub
holman
464
140k
Bash Introduction
62gerente
615
220k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Chasing Engaging Ingredients in Design
codingconduct
0
260
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Making the Leap to Tech Lead
cromwellryan
135
10k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
570
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
Practical Orchestrator
shlominoach
191
12k
Crafting Experiences
bethany
1
250
Transcript
Azure functions + Código front-end Deu bom!!
Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld
None
O que vocês acharam desse nome de palestra? Pensaram que
iria falar de algum app front conectando a uma API serverless.
Relacionado a um problema do meu trabalho Meta: ter um
aumento!
None
…landing pages(tudo) construídas em
O que trazia diversos problemas SEO Ruim, componentização complicada, difícil
escabilidade.
None
Repo Componentes Aplicações - Front landing - metro landing -
outdoor landing - aeroporto
A NOALVO é uma startup! Esse é o LADO BOM
e o LADO RUIM também…
landing - metro landing - outdoor landing - aeroporto $$
None
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.
A galera usa Azure Functions pra automações e algumas APIS
NÃO PARA SERVIR FRONT-END
None
Agora eu sei que funciona, vou olhar esses projetos… apollo-server-azure-functions,
now-bridge e serverless-http.
O Nuxt é usado como middleware… app.use(nuxt.render)
Não tem o `app` nas functions async function (context, req)
Inicializa o trigger Request Extrair o `path` do `context` Fazer
um request internamente Criar HTTP Server internamente na function com o Nuxt como middleware
Depois disso o resto é lenda…
None
None
Obrigado! igorluiz.me/talks - @IgorHalfeld