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
67
Git Workshop @ Makerspace[A]
Avatar for Christoph Hochstrasser hochchristoph
0
46
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
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
740
今から始めるClaude Code入門〜AIコーディングエージェントの歴史と導入〜
Avatar for nokomoro3 nokomoro3
0
130
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
Avatar for clshinji clshinji
1
210
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
170
Laravel Boost 超入門
Avatar for Arlo fire_arlo
3
210
Design Foundational Data Engineering Observability
Avatar for suci sucitw
3
190
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
1
430
Swift Updates - Learn Languages 2025
Avatar for Yuta Koshizawa koher
2
470
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
680
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
Avatar for Naoki Kishida kishida
22
5.7k
CloudflareのChat Agent Starter Kitで簡単！AIチャットボット構築
Avatar for syumai syumai
2
480
How Android Uses Data Structures Behind The Scenes
Avatar for HyunWoo Lee l2hyunwoo
0
440

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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!