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
72
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
41
Look, no database
Avatar for Christoph Hochstrasser hochchristoph
0
240
7 Things Learned
Avatar for Christoph Hochstrasser hochchristoph
0
30
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
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
180
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
6
1.7k
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
510
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
6
2.9k
TerraformとStrands AgentsでAmazon Bedrock AgentCoreのSSO認証付きエージェントを量産しよう！
Avatar for neruneruo neruneruo
4
2.2k
ゆくKotlin くるRust
Avatar for TATSUNO Yasuhiro exoego
1
190
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
Avatar for HideyukiKitao panda728
PRO
39
26k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
180
Go コードベースの構成と AI コンテキスト定義
Avatar for ANDPAD inc andpad
0
150
[AI Engineering Summit Tokyo 2025] LLMは計画業務のゲームチェンジャーか？ 最適化業務における活⽤の可能性と限界
Avatar for terry-u16 terryu16
2
220
PC-6001でPSG曲を鳴らすまでを全部NetBSD上の Makefile に押し込んでみた / osc2025hiroshima
Avatar for Izumi Tsutsui tsutsui
0
200
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
610

Featured

See All Featured
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
89
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
140
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
2.8k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
410
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
1
94
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
0
450
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
0
1.9M
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
31k
Between Models and Reality
Avatar for mayunak mayunak
1
150
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k

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!