Upgrade to Pro — share decks privately, control downloads, hide ads and more …

いまからはじめるnuxt-edge #nuxtmeetup

いまからはじめるnuxt-edge #nuxtmeetup

2018.05.15 Nuxt Meetup#2 @メルペイ にて発表した資料です

More Decks by potato4d(Takuma HANATANI)

Other Decks in Programming

Transcript

  1. 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
  2. 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
  3. Upgrade modules • @nuxtjs/axios • >= 5.2.0, replace dependencies from

    nuxt o nuxt-edge • @nuxtjs/pwa • Coming soon… • Other modules • Independence
  4. 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
  5. 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
  6. /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