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
7.5k
いまからはじめる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)
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.2k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
5.9k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
700
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
2.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
10
3.1k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
22k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
2.8k
気軽な Node.js バックエンド開発には TypeORM がちょうどいい #kng7 / introduce-typeorm
potato4d
9
3.8k
ハッカソン的に作ったプロダクトを改善し、Firebaseを「ちゃんと」 使っていく話 / Migrate to Firebase friendly architecture
potato4d
1
1.9k
Other Decks in Programming
See All in Programming
MapLibre GL JS とCSSアニメーションでできること
satoshi7190
0
200
ECS Service Connectでマイクロサービスを繋いでみた
xblood
0
510
低レイヤーから始める GUI
fadis
18
9.2k
AWS App Runnerがそろそろ本番環境でも使い物になりそう
n1215
PRO
0
840
ちょうぜつ改め21世紀ふつうのソフトウェア設計
tanakahisateru
7
5.9k
23年のJavaトレンドは?Quarkusで理解するコンテナネイティブJava
tatsuya1bm
1
110
中小企業開発事例から見るサーバーレス
seike460
PRO
4
1.5k
Swift Observation
shiz
3
240
jq at the Shortcuts
cockscomb
1
380
はてなリモートインターンシップ2022 フロントエンドブートキャンプ 講義資料
hatena
0
110
Most Valuable Bug(?) ~インシデント未遂から得た学び~
tatsumiakahori
0
140
Remote SSHで行うVS Codeリモートホスト開発とトラブルシューティング
smt7174
1
390
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.6k
Documentation Writing (for coders)
carmenintech
51
2.9k
GitHub's CSS Performance
jonrohan
1020
430k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Music & Morning Musume
bryan
36
4.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
2
390
In The Pink: A Labor of Love
frogandcode
132
21k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
13
1.1k
Optimizing for Happiness
mojombo
365
64k
How STYLIGHT went responsive
nonsquared
89
4.2k
Transcript
͍·͔Β͡ΊΔ nuxt-edge 2018.05.13
[email protected]
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
[email protected]
EarlyAccess edition
Nuxt v2 …. ⚙ Features Breaking Changes Modules
⚙ Features •
[email protected]
• 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!