既存のサイトをGatsbyに置き換えている。Vue.jsでもよかったけど、なんとなくreactを使ったGatsbyを試している。Gatsbyで検索するとマンダムがトップに出てくるがそっちではない。
GatsbyとContentfulとnetlifyを使ったものの説明だったが、GitHub Pagesをもともと使っているのでGatsbyとGitHub Pagesでできればと思っている。
まずは、Reactの基礎的なことからはじめた。HTMLやJSを使ったサイト的な書き方はできるが、Gatsbyの書き方は独特である。ただ、JSで書かれているのでヘッダーなどをパーツごとに分けて代入というのがやりやすそうだった。Bootstrapを使っていたので、サイトをそのまま書き換えるのならばそれを使うのもよさそう。ただ、Gatsbyのテンプレートを使うなら一から作り直すのもいいかも。
GitHub Pagesにサイトを公開しているが、トップページがあまりよろしくないので、gatsby-starterを利用して書き換えてみよう。下のがよさそうだった。
npx gatsby new gatsby-starter-portfolio-cara https://github.com/LekoArts/gatsby-starter-portfolio-cara
npm run develop でローカルホストが起動する
intro.mdx, projects.mdx, about.mdx,contact.mdxのファイルで自分用に書き換えるようだ。
npm run buildでindex.htmlが生成されたが、ブラウザで開いてもネットに挙げても何も表示されない。
GitHub Pagesでdeployの方法があるようだ。Gatsbyを作っている親会社のサービスを使うのが前提の作りになっているようだ。
Gatsbyのビルドするフォルダーの場所を変えれないかなと検索したらissueであった。