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

Nuxt – The Future of Web Frameworks

Avatar for Christoph Hochstrasser Christoph Hochstrasser
November 11, 2017
Programming
0
32

Nuxt – The Future of Web Frameworks

Avatar for Christoph Hochstrasser

Christoph Hochstrasser

November 11, 2017
Tweet

More Decks by Christoph Hochstrasser

See All by Christoph Hochstrasser
VILT Stack (DevTreff Amstetten)
Avatar for Christoph Hochstrasser hochchristoph
0
69
Git Workshop @ Makerspace[A]
Avatar for Christoph Hochstrasser hochchristoph
0
47
Einstieg in Open Source
Avatar for Christoph Hochstrasser hochchristoph
0
100
Nuxt – Die Zukunft der Webentwicklung
Avatar for Christoph Hochstrasser hochchristoph
0
110
Design Essentials für Techniker
Avatar for Christoph Hochstrasser hochchristoph
1
39
Look, no database
Avatar for Christoph Hochstrasser hochchristoph
0
240
7 Things Learned
Avatar for Christoph Hochstrasser hochchristoph
0
26
Heroku und PHP
Avatar for Christoph Hochstrasser hochchristoph
0
130
Einführung in Go
Avatar for Christoph Hochstrasser hochchristoph
0
60

Other Decks in Programming

See All in Programming
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
Avatar for shibayu36 shibayu36
3
4.8k
Flutterで分数(Fraction)を表示する方法
Avatar for kouki.miura koukimiura
0
130
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
Avatar for masato hommaru mbook
0
800
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
Avatar for m_t_tion1 kaorumuta
2
520
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
Avatar for teamLab teamlab
PRO
0
200
dynamic!
Avatar for MOROHASHI Kyosuke moro
10
7.3k
タスクの特性や不確実性に応じた最適な作業スタイルの選択（ペアプロ・モブプロ・ソロプロ）と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
Avatar for yuki honyanya
3
160
Swift Concurrency - 状態監視の罠
Avatar for Yuki Yasoshima objectiveaudio
2
510
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない？
Avatar for yimajo yimajo
2
400
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
Avatar for Marco Roth marcoroth
3
980
Advance Your Career with Open Source
Avatar for ivargrimstad ivargrimstad
0
470
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
12
2.5k

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.7k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k

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!