Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Azure Function and Front-end Code

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

Azure Function and Front-end Code

Avatar for Igor Halfeld

Igor Halfeld

July 17, 2019
Tweet

More Decks by Igor Halfeld

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

Other Decks in Programming

See All in Programming
マイコンでもRustのtestがしたい/KernelVM Kansai 11
Avatar for Toshifumi NISHINAGA tnishinaga
0
880
ビカム・ア・コパイロット
Avatar for Kento.Yamada ymd65536
1
110
generative-ai-use-cases(GenU)の推しポイント ～2025年4月版～
Avatar for Hideyuki Nagata hideg
1
390
ニーリーQAのこれまでとこれから
Avatar for Nealle nealle
2
800
知識0からカンファレンスやってみたらこうなった！
Avatar for syossan27 syossan27
4
240
大LLM時代にこの先生きのこるには-ITエンジニア編
Avatar for Kuu fumiyakume
8
3.4k
カオスに立ち向かう小規模チームの装備の選択〜フルスタックTSという装備の強み _ 弱み〜/Choosing equipment for a small team facing chaos ~ Strengths and weaknesses of full-stack TS~
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
1
140
API for docs
Avatar for Soutaro Matsumoto soutaro
4
1.7k
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
Avatar for MinoDriven minodriven
8
1.9k
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
Avatar for Philip Schwarz philipschwarz
PRO
0
170
REALITY コマンド作成チュートリアル
Avatar for にしうり らく nishiuriraku
0
120
生成AI時代のフルスタック開発
Avatar for Kenn Ejima kenn
4
510

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
523
40k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k
Done Done
Avatar for chrislema chrislema
184
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
2.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
24
2.7k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
13
840
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
33
6.6k

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