GatsbyをFleekのIPFSにサイトやブログを作成しよう!(無料・サーバーレス・ほぼコーディング不要)

前回、GatsbyをNetlifyでのホスティング を紹介しましたが、
最近IPFSに簡単にアップするツールがでており、自分のサイトを移して試してみました。

GatsbyをIPFSにてサイトやブログを作成してみよう!
スターターライブラリに、サイトやブログのテンプレートが複数あります。

GatsbyJSサイトをFleekのIPFSにデプロイする簡単な方法

スターターライブラリから利用したいテンプレートのGithubボタンを押す

そのGithubのページが開くので「フォーク」して自分のリポジトリに追加する

FleekにログインしてSitesの「Add new site」をクリック。

Content image

Githubと繋いで先程フォークしたリポジトリを選択。

使用するビルド設定を下記のように設定します。
Other
fleek/gatsby:node-11
yarn && yarn build
public

Content image

「DEPLOY SITE」をクリックして、次のステップに進みます。

サイトのページにリダイレクトされます。ここで、サイトが構築および展開されるのを待ちます。

Content image

展開が完了すると、サイトにアクセスできます。

カスタムドメインの設定も可能です。

Netlify CMS対応のNetlifyからFleekにドメインを移行した場合、

Netlify CMS → Github → Fleek → IPFS

のようにNetlify CMSでの投稿がIPFSを更新するようにもできました。
でも、もし不具合などあった場合はドメイン設定を戻すだけでnetlifyの表示にできます。

ちなみに下記ブログを移行して試したのですが、お問合せフォームがNetlifyの機能のため動作しなかったので非表示にすればいいかと思ったが、記事下部のリンクが繋がらない不具合もあり一旦Netlifyに戻しています。

 

Forestry CMSとFleekで試しに作成したブログがこちら

 

ペラ1のGatsbyサイトには良いかもですね!
自社サイトもFleekでIPFSにアップしてみました。
Githubのプライベートリポジトリでも作成できました。

---------------------------------------------------

私が日々思うつぶやきもフォローしてくれる方は、
masia02 Twitterをフォローする

記事を読みたい方は、
CipherWeb Line公式アカウントをフォローする

 

 

 

 

 

Article date Article like Article tip Article supporter
公開日 いいねによる獲得 投げ銭による獲得 サポーター
: : :
2020/06/15 51.27 ALIS 0.00 ALIS
masia02.eth's icon'
  • masia02.eth
  • @masia02
よくWeb3.0やSpatial Web(メタバース)についてキュレーションして書いています。CipherWeb LLC Founder、思想家。https://masia02.eth/
コメントする
コメントする