テクノロジー

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.icp.page

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
他カテゴリ

機械学習を体験してみよう!(難易度低)

Like token Tip token
124.82 ALIS
Eye catch
ゲーム

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

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

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

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

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

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

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

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

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

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

ジョークコインとして出発したDogecoin(ドージコイン)の誕生から現在まで。注目される非証券性🐶

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

Uniswap v3を完全に理解した

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

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

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

なぜ、素人エンジニアの私が60日間でブロックチェーンゲームを制作できたのか、について語ってみた

Like token Tip token
270.93 ALIS
Eye catch
他カテゴリ

ALISのシステム概観

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

iOS15 配信開始!!

Like token Tip token
7.20 ALIS