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
59
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
FastAPI の並行処理モデルを完全に理解する
hoto17296
8
2.8k
まずはプロンプトガイドを読もう、話はそれからだ
kiakiraki
1
200
jsmini JavaScript Engine を作ってみた話
yosuke_furukawa
PRO
0
350
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
280
AIに既存システムを理解させる技術 ~レガシーを見捨てないハーネスエンジニアリング入門~
ochtum
0
140
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
freee
PRO
0
590
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
460
いまどきの Codex で開発する visionOS アプリの開発スタイルについて
karad
0
160
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
har1101
2
360
リアルな遅延を測る仕様
kota_yata
1
120
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
170
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
350
Featured
See All Featured
Making Projects Easy
brettharned
120
6.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
Docker and Python
trallard
47
4.1k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
GraphQLとの向き合い方2022年版
quramy
50
15k
HDC tutorial
michielstock
2
810
Odyssey Design
rkendrick25
PRO
2
770
Google's AI Overviews - The New Search
badams
0
1.1k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
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