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
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
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
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
190
関数型まつりレポート for JuliaTokai #22
Avatar for GOTOH Shunsuke antimon2
0
130
機械学習って何？ 5分で解説頑張ってみる
Avatar for Kazuki Ishikawa kuroneko2828
0
220
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
Avatar for Naoya Ito naoya
17
4.8k
技術懸念に立ち向かい 法改正を穏便に乗り切った話
Avatar for popCashew pop_cashew
0
1.5k
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
Avatar for uki00a uki00a
0
120
型付きアクターモデルがもたらす分散シミュレーションの未来
Avatar for Takatomo Torigoe piyo7
0
800
CursorはMCPを使った方が良いぞ
Avatar for taiga taigakono
0
130
Claude Codeの使い方
Avatar for ttnyt8701 ttnyt8701
1
130
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
190
Go Modules: From Basics to Beyond / Go Modulesの基本とその先へ
Avatar for kuro kuro_kurorrr
0
120
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
Avatar for アキキー akihisaikeda
3
280

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
4
200
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
16
940
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k

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