Weitere ähnliche Inhalte
Ähnlich wie Gatsby.js完全に理解した (20)
Gatsby.js完全に理解した
- 8. 01. 生成されるサイトはSPA
02. 表示が超爆速
03. 自動で画像の最適化が行われる
04. プラグインが豊富
静的なページを事前にビルドして、そ
れをwebサーバにホストしているの
で、クライアントの要求から迅速に返
すことができます
また、SPAなので必要な部分だけレン
ダリングされ、画面遷移も爆速
atsby.jsの良さ
- 9. 01. 生成されるサイトはSPA
02. 表示が超爆速
03. 自動で画像の最適化が行われる
04. プラグインが豊富
様々なデバイスに応じて画像を調整…
面倒ですよね
Gatsbyは標準で、デバイスに合わせ
て画像を最適化(リサイズ、圧縮、遅
延読み込み)してくれる機能があるの
で、煩雑な設定をする作業が省けま
す
atsby.jsの良さ
- 10. 01. 生成されるサイトはSPA
02. 表示が超爆速
03. 自動で画像の最適化が行われる
04. プラグインが豊富
なんと2,000を超えるプラグインが公
開されているそうです
用途に合わせてプラグインを導入し
て、簡単かつ柔軟にサイト制作するこ
とができます
後ほど個人的に良かった&気になる
プラグインを紹介します!
atsby.jsの良さ
- 12. $ npm install --save-dev gatsby-cli
Gatsbyをインストール
$ gatsby new [プロジェクトディレクトリ名] [スターターのURL]
プロジェクトの作成
$ gatsby develop
開発サーバーを建てる
https://www.gatsbyjs.com/starters/
- 13. $ npm install --save-dev gatsby-cli
Gatsbyをインストール
$ gatsby new [プロジェクトディレクトリ名] [スターターのURL]
プロジェクトの作成
$ gatsby develop
開発サーバーを建てる
https://www.gatsbyjs.com/starters/以上!