テクノロジー

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

masia02.eth's icon'
  • masia02.eth
  • 2020/06/15 16:19

前回、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 tip 0人がサポートしています
獲得ALIS: Article like 109.25 ALIS Article tip 0.00 ALIS
masia02.eth's icon'
  • masia02.eth
  • @masia02
よくdWebXR関連についてキュレーションして書いている思想家の戯言。CipherWeb LLC Founder. https://masia02.hns.to

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
テクノロジー

彼女でも分かるように解説:ディープフェイク

Like token Tip token
32.10 ALIS
Eye catch
ゲーム

ドラクエで学ぶオーバフロー

Like token Tip token
22.10 ALIS
Eye catch
クリプト

Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜

Like token Tip token
946.13 ALIS
Eye catch
クリプト

Uniswap v3を完全に理解した

Like token Tip token
18.92 ALIS
Eye catch
クリプト

スーパーコンピュータ「京」でマイニングしたら

Like token Tip token
1.06k ALIS
Eye catch
クリプト

17万円のPCでTwitterやってるのはもったいないのでETHマイニングを始めた話

Like token Tip token
46.50 ALIS
Eye catch
クリプト

NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

Like token Tip token
110.79 ALIS
Eye catch
テクノロジー

iOS15 配信開始!!

Like token Tip token
7.20 ALIS
Eye catch
テクノロジー

オープンソースプロジェクトに参加して自己肯定感を高める

Like token Tip token
54.95 ALIS
Eye catch
クリプト

約2年間ブロックチェ-ンゲームをして

Like token Tip token
50.20 ALIS
Eye catch
クリプト

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

Like token Tip token
59.22 ALIS
Eye catch
クリプト

ブロックチェーンの51%攻撃ってなに

Like token Tip token
0.00 ALIS