Next.js に移行しました

サイトので使用しているフレームワークを Gatsby.js から Next.js に移行しました

  • これが旧
    • top
  • これが新
    • newtop

理由としては以下の通りです．

  • Gatsby.js は同じページを生成するのにサイトの構成がやや複雑だった
  • Gatsby.js ビルド時間が遅かった(今後早くなるらしいが)
  • 今回最低限必要な要件としては
    • React+TypeScript が使えて移行が楽
    • 静的サイトを生成できる
    • Markdown を HTML に変換する機能がある
    • 動的ページを作成できる
    • ディレクトリ内のコンテンツ一覧を表示する HTML を生成できる(News 一覧機能など)
  • あたりだったので，これができるフレームワークとして Next.js を選びました

今回変わった点は以下の通りです．

  • サイト全体のフォントが変わった
  • slides ページでスライドを指定する際はクエリパラメータからパスパラメータに変更
  • Markdown パーサの生成後のHTMLのデザインを変更
  • News ページで News 一覧機のデザインを変更
  • ナビゲーションバーに Research, API ボタンを追加
  • その他，見た目が悪くなってたところを修正

コードブロックはこんな感じに ↓

import React from "react";
import { render } from "react-dom";
;