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

AWS Amplify と Nuxt.js で始めるコンテナ生活

AWS Amplify と Nuxt.js で始めるコンテナ生活

at JAWS-UG 名古屋 コンテナを語ろう!! (2022-03-30)

Yuji Takayama

March 30, 2022
Tweet

More Decks by Yuji Takayama

Other Decks in Technology

Transcript

  1. Introduction Contentful Nuxt.JS Nuxt.JS + Contentful Amplify Amplify + Nuxt.JS

    + Contentful Conclusion AWS AMPLIFY ͱ NUXT.JS Ͱ࢝ΊΔίϯςφੜ׆
  2. ίʔεͰ࢖͏ϦϯΫू ؆୯ʹαΠτߏஙɾӡ༻͍ͨ͠ [BEFORE] EC2 + ELB + Movable Type ->

    S3 + CloudFront 
 ੩తϑΝΠϧੜ੒࣌Ҏ֎͸্ཱͪ͛Δඞཁͳ͍ 
 EC2 ࢭΊΔͱ ύϒϦοΫ IP มΘΔ͔Β ELB ཉ͍͠ 
 Ͱ΋ɺීஈ࢖Θͳ͍ͷʹ ELB ͱ͔Ϝμ INTRODUCTION
  3. EC2 
 ࿦֎ ECS 
 ίϯςφΠϝʔδΛಈ͔ͯ͠Ϗϧυ͢Δҙຯ͕ͳ͍ 
 SSR ͳΒ͍͍͚ͲɺͦΕͳΒ Lambda

    Ͱ͍͍ Lambda 
 SSR ͳΒ࠷༗ྗ͚ͩͲɺࠓճ͸ SSG ͍ͨ͠ CodeBuild + CodePipeline 
 ѱ͘͸ͳ͍͚Ͳ৭ʑઃఆ͠ͳ͍ͱ͍͚ͳ͍ NUXT.JS ON AWS
  4. Hosting environment / Backend environment Git ϨϙδτϦͱ࿈ܞͨ͠ CI/CD ύΠϓϥΠϯͷ࣮ߦ ड৴΢ΣϒϑοΫ

    Basic ೝূ CloudFron + S3 ΧελϜυϝΠϯରԠ AMPLIFY + NUXT.JS + CONTENTFUL