zuckey_17 https://blog.hatena.ne.jp/zuckey_17/ zuckey blog https://blog.zuckey17.org/ React Gatsby Gatsby？ Reactで静的Webサイトジェネレーターといえば、Gatsbyがあげられます。 公式サイトでは「高性能な静的PWAをReactで作ることができる。」と謳っています。 本エントリではPWAなどの詳細については述べません*1。 Gatsbyチュートリアル Gatsbyの公式チュートリアルでは、開発時に使うReactやGraphQLなどの基本的な知識は必要ないとされており、かなり丁寧に書かれています。 ざっくりとした理解のため、取りあえず動かしたければあまり必要のない部分もあるかなと思ったので、かいつまんで書いてみました。 全部で8パートあり、0~3パートでサイトの見た目を作る部分… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.zuckey17.org%2Fentry%2F2018%2F05%2F13%2F235927" title="3分で読む静的ファイルジェネレータGatsbyチュートリアル（前編） - zuckey blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/z/zuckey_17/20180514/20180514000616.png Hatena Blog https://hatena.blog 2018-05-13 23:59:27 rich https://blog.zuckey17.org/entry/2018/05/13/235927 1.0 100%