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
33

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
170
How to migrate legacy frontend?
Avatar for Igor Halfeld igorhalfeld
1
120
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
52
Step by step I followed a career in software
Avatar for Igor Halfeld igorhalfeld
0
700
Using AI to create memes
Avatar for Igor Halfeld igorhalfeld
0
520
Deninho, the TS children
Avatar for Igor Halfeld igorhalfeld
1
210
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
380
CSS in JavaScripto, the anti-pattern that is good
Avatar for Igor Halfeld igorhalfeld
1
88

Other Decks in Programming

See All in Programming
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
2
11k
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
260
20250708_JAWS_opscdk
Avatar for Takuya Yonezawa takuyay0ne
2
120
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
120
ふつうの技術スタックでアート作品を作ってみる
Avatar for Akira Yagi akira888
1
1.1k
Porting a visionOS App to Android XR
Avatar for Akio Itaya akkeylab
0
660
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
Avatar for Shohei Okada okashoi
1
280
Android 16KBページサイズ対応をはじめからていねいに
Avatar for mine2424 mine2424
0
240
GPUを計算資源として使おう！
Avatar for prime number primenumber
1
200
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
Avatar for bash0C7 bash0c7
1
900
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
3
790
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
Avatar for Munetoshi Ishikawa munetoshi
0
190

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
Visualization
Avatar for Eitan Lees eitanlees
146
16k

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