Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
いまからはじめるnuxt-edge #nuxtmeetup
Potato4d(Hanatani Takuma)
May 15, 2018
Programming
1
6.7k
いまからはじめるnuxt-edge #nuxtmeetup
2018.05.15 Nuxt Meetup#2 @メルペイ にて発表した資料です
Potato4d(Hanatani Takuma)
May 15, 2018
Tweet
Share
More Decks by Potato4d(Hanatani Takuma)
See All by Potato4d(Hanatani Takuma)
potato4d
8
3.2k
potato4d
21
4.3k
potato4d
0
380
potato4d
8
2.3k
potato4d
8
1.9k
potato4d
38
17k
potato4d
5
2.2k
potato4d
11
2.7k
potato4d
1
1.5k
Other Decks in Programming
See All in Programming
neripark
3
620
bkuhlmann
2
300
danilop
1
730
suzukiot
0
250
grapecity_dev
0
170
keiichihirobe
1
110
martysuzuki
1
360
afilina
PRO
0
120
christianliebel
PRO
0
130
yasaichi
31
7.7k
lilobase
PRO
1
710
korosuke613
2
240
Featured
See All Featured
dougneiner
119
7.9k
jonyablonski
19
1.2k
wjessup
339
16k
ufuk
56
5.4k
sachag
446
36k
brad_frost
157
6.4k
jlugia
217
16k
chriscoyier
779
240k
lauravandoore
437
28k
destraynor
146
19k
chriscoyier
145
20k
marktimemedia
7
390
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!