NetlifyのGridsomeキャッシュのプラグイン

Netlify build pluginsというビルドプロセスを拡張する、便利なプラグインがいくつかあります。プラグインの中には高速化、lighthouse監査、 RSSフィードの生成などさまざまな役割があり、Netlifyビルドプラグインは、Netlifyの管理画面から簡単にインストールすることができます。

その中にGridsomeでキャッシュを有効にするプラグインがあります。

netlify-plugin-gridsome-cacheというプラグインのインストール方法

早速サイトのキャッシュを有効化したいと思います。 プラグインの所在はこちら(https://www.npmjs.com/package/netlify-plugin-gridsome-cache)

インストールには２パターンあり、NetlifyのBuildプラグインか、開発環境でかくかです。

①ワンクリックで簡単に入れる

プラグインの説明にも書いてありますが、 UI-based installationというのに対応しており、 One-click install to add this to your Gridsome site を使えば、Netlifyの管理画面に１発で入ります。

②開発環境でかく

①のパターンで入れない場合、以下の形でインストールすることが推奨されています

npmでインストール

npm i netlify-plugin-gridsome-cache

次に、netlify.tomlに、プラグインを追記する

[build]
  publish = "dist"
 
[[plugins]]
  package = "netlify-plugin-gridsome-cache"

あとはいつも通りbuild→デプロイするだけ

まだ小さいサイトなので、キャッシュ恩恵がほぼないですが、 とても簡単に導入できたので、NetlifyのGridsomeキャッシュプラグインをあらかじめ入れておきました。

それにしてもNetlifyビルドプラグインは画期的。