【失敗】Gatsbyでポートフォリオサイトつくってみる
Gatsbyでポートフォリオサイトつくってみる
React.jsを使ってみたかったので、ポートフォリオに使えないかと調べてみたところ。
Gatsbyという、React用の 静的サイトジェネレーター が便利そうだったのでさっそく使ってみる。
はじめに gatsby-cli
というパッケージをインストールする。
しかし自分のPCではコマンドが見つからなかった。公式ドキュメントで確認したところ。どうやらnodeがインストールされてないのが原因だった。
以下のコマンドも追加で実行した。
brew update
brew install node
すると無事にnpm install -g gatsby-cli通るようになりました。
次のコマンドでプロジェクトの雛形をダウンロード。
https://www.gatsbyjs.org/starters/smakosh/gatsby-portfolio-dev/というテーマを使用させてもらいました。
gatsby new gatsby-portfolio-dev https://github.com/smakosh/gatsby-portfolio-dev
以下のコマンドを実行
$ cd gatsby-portfolio-dev
エラーが吐き出されたので、Readmeに書いてあると通ようにnetfily-cliを導入。
npm install netlify-cli -g
brew install yarn
yarn add gatsby-theme-portfolio
$ gatsby develop
Error: Schema must contain uniquely named types but contains multiple types named "GitHub".
エラーが発生してしまった。Reactが分かってないから解決できないな。。
参考URL: