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

爆速サイトを爆速で作れるNetlify + Gatsby / Create fast site...

mottox2
April 24, 2018

爆速サイトを爆速で作れるNetlify + Gatsby / Create fast site with netlify and gatsby

爆速サイトを爆速で作れるNetlify + Gatsby

作ったサイト: http://gatsby-starter-esa.netlify.com/
リポジトリ: https://github.com/mottox2/gatsby-starter-esa

Netlify: https://www.netlify.com/
Gatsby: https://www.gatsbyjs.org/

mottox2

April 24, 2018
Tweet

More Decks by mottox2

Other Decks in Programming

Transcript

  1. #roppongijs ͜Μͳ΋ͷ࡞ͬͨ 1. Webhook 2. Pull 3. Build & Deploy

    http://gatsby-starter-esa.netlify.com/ υΩϡϝϯτ͕ߋ৽͞ΕͨΒ੩తαΠτ͕
 ు͖ग़͞ΕΔ΍ͭɻʢॴཁ࣌ؒ: 4 ࣌ؒʣ
  2. #roppongijs • ΊͬͪΌߴ଎ͳ੩తαΠτδΣωϨʔλʔ • reactjs.org΋Gatsby੡ • JS͚ͩͰ׬݁͢Δ • Preload, Inline

    CSS, React SPA͕σϑΥϧτͰ ಈ͘ͷͰΊͬͪΌ଎͍ʢᐌ͘ɺBlazing-fastʣ Gatsby
  3. #roppongijs Source • source-pluginΛೖΕGraphQLΛ࢖ͬͯݺͼग़͢ • WordPress, Markdown, ͦͷଞWeb API… •

    esa.ioͷplugin͸ͳ͔ͬͨͷͰࣗ࡞ͨ͠ • https://github.com/mottox2/gatsby- source-esa