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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Igor Halfeld
July 17, 2019
Programming
0
40
Azure Function and Front-end Code
Igor Halfeld
July 17, 2019
Tweet
Share
More Decks by Igor Halfeld
See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
200
How to migrate legacy frontend?
igorhalfeld
1
130
Patterns for perfect components in Vue.js
igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
67
Step by step I followed a career in software
igorhalfeld
0
710
Using AI to create memes
igorhalfeld
0
530
Deninho, the TS children
igorhalfeld
1
220
Micro Front-ends, what they don't tell you
igorhalfeld
0
400
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
110
Other Decks in Programming
See All in Programming
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
o0h
PRO
0
160
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
250
20260315 AWSなんもわからん🥲
chiilog
2
180
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
nrslib
16
3.4k
Nuxt Server Components
wattanx
0
140
Coding at the Speed of Thought: The New Era of Symfony Docker
dunglas
0
910
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
n4mlz
0
250
条件判定に名前、つけてますか? #phperkaigi #c
77web
2
840
飯MCP
yusukebe
0
390
Redox OS でのネームスペース管理と chroot の実現
isanethen
0
460
それはエンジニアリングの糧である:AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
nrslib
1
600
ファインチューニングせずメインコンペを解く方法
pokutuna
0
200
Featured
See All Featured
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.8k
Google's AI Overviews - The New Search
badams
0
950
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
160
The Limits of Empathy - UXLibs8
cassininazir
1
270
Evolving SEO for Evolving Search Engines
ryanjones
0
170
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.5k
How GitHub (no longer) Works
holman
316
150k
エンジニアに許された特別な時間の終わり
watany
106
240k
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