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
34

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
73
Git Workshop @ Makerspace[A]
Avatar for Christoph Hochstrasser hochchristoph
0
49
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
42
Look, no database
Avatar for Christoph Hochstrasser hochchristoph
0
240
7 Things Learned
Avatar for Christoph Hochstrasser hochchristoph
0
31
Heroku und PHP
Avatar for Christoph Hochstrasser hochchristoph
0
140
Einführung in Go
Avatar for Christoph Hochstrasser hochchristoph
0
63

Other Decks in Programming

See All in Programming
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
9k
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
170
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
590
MUSUBIXとは
Avatar for Hisaho nahisaho
0
140
CSC307 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
660
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
220
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
Avatar for Hiroyuki Mori hiroyukimori
PRO
0
100
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
760
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
140
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
640
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
120
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
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!