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

Nuxt – The Future of Web Frameworks

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Christoph Hochstrasser Christoph Hochstrasser
November 11, 2017
Programming
36
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
81
Git Workshop @ Makerspace[A]
Avatar for Christoph Hochstrasser hochchristoph
0
54
Einstieg in Open Source
Avatar for Christoph Hochstrasser hochchristoph
0
110
Nuxt – Die Zukunft der Webentwicklung
Avatar for Christoph Hochstrasser hochchristoph
0
110
Design Essentials für Techniker
Avatar for Christoph Hochstrasser hochchristoph
1
44
Look, no database
Avatar for Christoph Hochstrasser hochchristoph
0
240
7 Things Learned
Avatar for Christoph Hochstrasser hochchristoph
0
33
Heroku und PHP
Avatar for Christoph Hochstrasser hochchristoph
0
140
Einführung in Go
Avatar for Christoph Hochstrasser hochchristoph
0
64

Other Decks in Programming

See All in Programming
dRuby over BLE
Avatar for makicamel makicamel
2
320
Datadog × OpenTelemetry 入門と実践のあいだ
Avatar for Max Kento kn_to_maxpno
1
150
メソッドのジェネリクスでGoの夢は広がるか？ / Kyoto.go #65
Avatar for utagawa kiki utgwkk
3
610
IBM Bobを活用したレガシーアプリの最新化
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
1
180
技術記事、AIに書かせるか、自分で書くか？ 〜それでも私が自分の手で書く理由〜 / #QiitaConference
Avatar for Junichi Ito jnchito
2
1.3k
Spec Driven Development | AI Summit Lisbon
Avatar for Daniel Sogl danielsogl
PRO
0
170
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
Avatar for Kazuhiko Yamashita pyama86
3
1.9k
Copilot CLI の継戦能力を高める コンテキスト管理
Avatar for Nozomuts nozomutu
1
1.2k
The Arts and Crafts of Work in the AI Era — Toward Mastery in Software Development
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
1
730
Webフレームワークの ベンチマークについて
Avatar for Yusuke Wada yusukebe
0
150
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
Avatar for Naoki Kishida kishida
2
120
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
370

Featured

See All Featured
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
600
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.1k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
160
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.9k

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!