Nuxt.jsではじめるSSRことはじめ

Nuxt.jsは初心者でも大変分かりやすく、素敵なモダンFWだった！そんなNuxt.jsではじめるSSRを５分間LTでやった時のスライド

gist はこちらです
https://gist.github.com/chihirokaasan/aea6bcf6efd7ceda2b6b965b3f7fe96d

Transcript

1. /VYUKTͰ͸͡ΊΔ 443
   ͜ͱ͸͡Ί *5LBBTBO
   --$
2. 
   ͋ͱ෼Ͱ/VYUKTͱ443
   ΍Γ·͢
3. /VYUKT
   ؀ڥߏங
4. 
   OQY
   DSFBUFOVYUBQQ
   ZPVSBQQOBNF 
   OQN
   SVO
   EFW
5. $npx create-nuxt-app [your app] "YJPTͷΠϯετʔϧɹʢ"1*ΞΫηεʣ /VYUKTͷ؀ڥߏங ϚςϦΞϧσβΠϯ
   ͜Εશ෦ʂ
6. ͋ͱ͸
   
   SVO
   EFW
   Ҏ্
7. ϧʔςΟϯά QBHFTσΟϨΫτϦʹϑΝΠϧஔ͚ͩ͘
8. SSR อଘޙɺࣗಈͰଈ࣌൓ө
9. API axios.get('https://api.doorkeeper.jp/events/') .then((res) => { var data = res.data; console.log(data); callback(null, {data: res.data}) }) .catch((e) => { callback({ statusCode: 404, message: 'ϖʔδ ͕ݟ͔ͭΓ·ͤΜ' }) }) K2VFSZͷ"1*ϝιουͱ΄΅Ұॹʂ
10. V-for <v-flex xs4 v-for="(item,i) in data" :key="i"> <v-card class="blue ma-2"> <v-card-text><img :src="item.event.banner" width="100%"></v-card-text> <v-card-text>{{item.event.title}}</v-card-text> </v-card>
11. OQY
    DSFBUFOVYUBQQ
    
    <ZPVS
    BQQ>
    "YJPTͷΠϯετʔϧɹʢ"1*ΞΫηεʣ /VYUKTͷ؀ڥߏங ϚςϦΞϧσβΠϯ
    443Ͱ'ແ͠Ͱଈ࣌൓ө
12. /VYUKT
    ͨͷ͍͠ʂ 443௒ϥΫ
    ͨͷ͍͠ʂ
13. ιʔείʔυ͸ͪ͜Β HJTUͨͷ͠ ͍ʂ
14. ຊ೔͸ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ