Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
いまからはじめるnuxt-edge #nuxtmeetup
Search
potato4d(Takuma HANATANI)
May 15, 2018
Programming
1
8.4k
いまからはじめるnuxt-edge #nuxtmeetup
2018.05.15 Nuxt Meetup#2 @メルペイ にて発表した資料です
potato4d(Takuma HANATANI)
May 15, 2018
Tweet
Share
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
410
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.3k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.2k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.5k
Other Decks in Programming
See All in Programming
Honoアップデート 2025年夏
yusukebe
1
910
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.2k
複雑なドメインに挑む.pdf
yukisakai1225
5
980
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
Testing Trophyは叫ばない
toms74209200
0
690
1から理解するWeb Push
dora1998
7
1.7k
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
430
Kiroで始めるAI-DLC
kaonash
2
540
TanStack DB ~状態管理の新しい考え方~
bmthd
2
480
AI時代のUIはどこへ行く?
yusukebe
14
7.9k
AIエージェント開発、DevOps and LLMOps
ymd65536
1
380
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Producing Creativity
orderedlist
PRO
347
40k
Facilitating Awesome Meetings
lara
55
6.5k
Code Review Best Practice
trishagee
70
19k
Scaling GitHub
holman
463
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The World Runs on Bad Software
bkeepers
PRO
70
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
What's in a price? How to price your products and services
michaelherold
246
12k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Designing for humans not robots
tammielis
253
25k
Transcript
͍·͔Β͡ΊΔ nuxt-edge 2018.05.13 NuxtMeetup@merpay
potato4d • HANATANI Takuma a.k.a. potato4d • 20 years old
• Freelance Web Engineer • ⚙ JS(Vue), PHP, Ruby(Rails) • @increments, @gnexltd, @alisproject, etc… • Vue.js Japan Usergroup staff • “Nuxt tech book” author • I — Vue.js / Nuxt.js
What’s nuxt-edge?
IUUQTNFEJVNDPNOVYUOVYUJTDPNJOHPIZFBIDBFB
IUUQTNFEJVNDPNOVYUOVYUJTDPNJOHPIZFBIDBFB
nuxt@2 EarlyAccess edition
Nuxt v2 …. ⚙ Features Breaking Changes Modules
⚙ Features • webpack@4 • fast • Support ESModules with
.mjs extension • using std/esm
Breaking changes • Remove isClient / isServer flag • use
process.browser / process.server instead of it • options.dev flag on build function in nuxt.config.js • use options.isDev instead of it • remove vendors • remove “vendor” key in nuxt.config.js
Upgrade modules • @nuxtjs/axios • >= 5.2.0, replace dependencies from
nuxt o nuxt-edge • @nuxtjs/pwa • Coming soon… • Other modules • Independence
How to upgrade
IUUQTRJJUBDPNQPUBUPEJUFNTCDEBE
TL;DR
5 Step • yarn remove nuxt @nuxtjs/axios • yarn add
nuxt-edge @nuxtjs/axios • s/isClient/process.browser/g • s/isServer/process.server/g • yarn dev
Note • In Nuxt I recommend using Yarn • https://github.com/nuxt/nuxt.js/blob/dev/yarn.lock
with Express
6 Step • yarn remove nuxt @nuxtjs/axios • yarn add
nuxt-edge @nuxtjs/axios • s/isClient/process.browser/g • s/isServer/process.server/g • yarn dev • replace “nuxt” to “nuxt-edge“ on import / require syntax
Simple Demo
https://github.com/magitek-telescope/nuxt-meetup-2
Digression
”When will Nuxt 2 be released?”
IUUQTOVYUKTDNUZJPOVYUOVYUKTJTTVFTD
“It will be in May”
I can’t wait
So…
IUUQTTFRVFVFKQ /VYUSDOVYUFEHF
IUUQTQVTIKQ /VYUYOVYUFEHF
IUUQTTBSEJOFTZTUFNDPN /VYUOVYUFEHF
Promotion
/VYUUFDICPPL https://potato4d.booth.pm/items/824745 Nuxt tech book ࣍ ɾ·͕͖͑ ɾΠϯτϩμΫγϣϯ ɾNuxt.js֓ ɾNuxt
ʹΑΔجຊతͳWebΞϓϦέʔγϣϯ։ൃ ɾNuxt ͷػೳΛϑϧ׆༻͢Δ ɾ࣮ફతͳWebΞϓϦέʔγϣϯ։ൃϊϋ ɾNuxt ͷΤίγεςϜ ɾNuxt ͷใऩूɾΩϟονΞοϓͷεεϝ ɾ͋ͱ͕͖ PDF Edition ˇ1,600 Bookˇ2,000
Thanks!