テクノロジー

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

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

次回の記事を簡潔にするための前フリ記事ですw

Gatsbyは、Reactに基づく無料のオープンソースフレームワークであり、開発者が高速のウェブサイトやアプリを構築するのに役立つ静的サイトジェネレーターです。

スターターライブラリには、サイトやブログのテンプレートが複数あります。Netlify CMSに対応したテンプレートが増えております。

Netlifyは、静的ウェブサイトのためのホスティングサービスとサーバーレスのバックエンドサービスを提供しています。無料プランでも十分利用できると思います。

Netlify料金表

スターター 個人向け
$ 0 /月

・無料SSL
・100GBの帯域幅/月
・300ビルド分/月


簡単に利用するには

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

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


Netlifyで「New site form Git」をクリック

Content image


Githubをクリック

Content image

先程フォークしたリポジトリを選択してデブロイをクリックして少し待てば公開完了です。

Content image

その後カスタムドメインも設定できます。


Netlify CMSに対応したテンプレートであれば、CMSが利用可能。

gatsby-starter-foundationを利用する場合、IdentityのGit Gatewayを有効にする必要があるようです。

Content image

アップしたURL./admin/にアクセスすれば、
下記のようなCMSの投稿画面が開き更新できます。

Content image

Posts

Content image
Content image

Netlify CMSで更新すると → Githubのそのリポジトリが更新され → Netlifyで自動デブロイして反映します。

ReactがちゃんとわからなくてもHTMLが少しわかれば、タイトルや見出しを変えたり、画像を差し替えたりすれば簡単に良い感じの自分のサイトができるでしょう。

メリット

無料サーバーレスで高速表示サイトが簡単に作成できます。

デメリット

デブロイに時間がかかる。即時修正や頻繁に更新するのには不向きです。

コーポレートサイトやLPなどのキャンペーンサイトに向いているかと思います。


試しに作ったブログがこちら


次回

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


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

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

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



公開日:2020/06/15
獲得ALIS:99.15
masia02.eth's icon'
  • masia02.eth
  • @masia02
よくdWebXR関連についてキュレーションして書いている思想家の戯言。CipherWeb LLC Founder. https://masia02.hns.to

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

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

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

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

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

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

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

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

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

「ハッシュ」とは何なのか、必ず理解させます

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

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

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

Uniswap v3を完全に理解した

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

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

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

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

Like token Tip token
50.20 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
クリプト

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

Like token Tip token
0.00 ALIS