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

Nuxt – The Future of Web Frameworks

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Christoph Hochstrasser Christoph Hochstrasser
November 11, 2017
Programming
39
0

Nuxt – The Future of Web Frameworks

Avatar for Christoph Hochstrasser

Christoph Hochstrasser

November 11, 2017

More Decks by Christoph Hochstrasser

See All by Christoph Hochstrasser
VILT Stack (DevTreff Amstetten)
Avatar for Christoph Hochstrasser hochchristoph
0
91
Git Workshop @ Makerspace[A]
Avatar for Christoph Hochstrasser hochchristoph
0
56
Einstieg in Open Source
Avatar for Christoph Hochstrasser hochchristoph
0
110
Nuxt – Die Zukunft der Webentwicklung
Avatar for Christoph Hochstrasser hochchristoph
0
120
Design Essentials für Techniker
Avatar for Christoph Hochstrasser hochchristoph
1
48
Look, no database
Avatar for Christoph Hochstrasser hochchristoph
0
250
7 Things Learned
Avatar for Christoph Hochstrasser hochchristoph
0
35
Heroku und PHP
Avatar for Christoph Hochstrasser hochchristoph
0
140
Einführung in Go
Avatar for Christoph Hochstrasser hochchristoph
0
66

Other Decks in Programming

See All in Programming
新卒PdEのリアル
Avatar for ryu ryu1013
1
390
自分的「カンファレンスの楽しみ方」
Avatar for syumai syumai
0
190
ALB ログから Trace を気合で繋げる技術
Avatar for Hayato Kawai fohte
7
860
in-process GraphQL のすすめ #ginzajs
Avatar for izumin5210 izumin5210
4
1.5k
[PyCon KR 2026] More Variants, More Diversity for AI Accelerators
Avatar for Joongi Kim achimnol
0
130
Can LLMs Replicate 4 Years of Compose Migration? Exploring the boundaries of automation with 279 XML files from a real product
Avatar for makun makun
0
130
新人はどこまで自力でやり、どこからAIに頼るべきか／エンジニア育成に向き合う_先輩たちの悩みと知見共有会
Avatar for TOPPAN ict toppan_digital_dev
1
560
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
Avatar for danybony danybony
1
180
GKE アップグレード前に知っておきたい Blue/Green と PDB の関係
Avatar for Sota Takaki stkk
0
140
思考垂れ流し開発　～音声入力 × AIエージェント × 開発ハーネスによる試行錯誤～
Avatar for NPOS npostring
0
810
型解析で実現する Go の言語内 DSL / Conference に Go! タイムテーブルの歩き方 for Gophers
Avatar for mazrean mazrean
0
130
이 함수, 실패하면 어떻게 되나요? null부터 Rich Errors까지, Kotlin 에러 처리 15년
Avatar for TaeHee Lee haeti2
0
130

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
230
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
320
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
710
Visualization
Avatar for Eitan Lees eitanlees
152
17k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
320
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k

Transcript

  1. NUXT — THE FUTURE OF WEB FRAMEWORKS

  2. Ing. Christoph Hochstrasser twitter.com/hochchristoph github.com/CHH facebook.com/ christoph.hochstrasser

  3. Gründer & Inhaber Firma Ing. Christoph Hochstrasser

  4. React? Wer kennt hier…

  5. Vue.js? Wer kennt hier…

  6. Isomorphic? WTF!?

  7. Traditionell:

  8. Server HTML Model View Controller Browser DOM jQuery / Vue

    / React

  9. ERB/Jinja/Twig/Smarty/… Template am Server, separates Template am Client

  10. Duplicate Code

  11. Keine Separation of Concerns Backend befasst sich mit UI Concerns,

    wie User Flow

  12. Isomorphic:

  13. Server HTML Browser DOM Vue Component Node.js Server Code Client

    Code Backend API View Controller Model REST, GraphQL, etc.

  14. Separation of Concerns!

  15. Keine doppelten Templates, alles UI kommt aus einer Component

  16. 25.10.2016 https://zeit.co/blog/next

  17. None
  18. None

  19. Nuxt : Next Vue : React

  20. Nuxt

  21. Vue.js + Vue Router + Vue Server Side Rendering +

    Webpack (+ Vuex)

  22. Code!