エンジニアスタンプラリー～フロントエンド編＃14

企画主旨

Frontend Developer Roadmapをひたすら巡回する企画
詳しくはこちら

今回の実施内容

静的サイトジェネレータ(Static Site Generator, SSG)
SSRとごっちゃになるヤツ

Static Site Generators

GatsbyJS

Quick Start | GatsbyJSを参考にすると、一瞬でひな形が作成される。。。
が、今まで作ってきた構成は失わせたくないので、
gatsby-starter-mobxをベースに作成。

index.js

import React from "react"
import { Provider } from 'mobx-react';

import App from '../components/App';
import SkillStore from '../stores/SkillStore';
import '../main.scss';
import 'bootstrap/dist/css/bootstrap.min.css';

const store = new SkillStore();

const IndexPage = () => (
  <Provider store={store}>
    <App />
  </Provider>
)

export default IndexPage

成果物

結局静的サイトとは何だったのか。
https://github.com/tonchan1216/WDR-frontend/tree/v14