Strapiでローカルプラグイン開発をすることで自由にstrapiを拡張する

Strapi は、プラグインを作成するためのコマンド ライン インターフェイス (CLI)を提供します。プラグインを作成するには:

• Strapi プロジェクトのルートに移動します。
• yarn strapi generateをターミナルで実行して、対話型 CLI をします。
• リストから「プラグイン」を選択し、Enter キーを押して、プラグインに名前を付けます (例: my-plugin-name)
• プラグイン言語にJavaScriptまたはTypeScriptを選択します。自分はJavaScriptを選択しました。
• プラグイン構成ファイルにプラグインを追加して、プラグインを有効にします。

yarn strapi generate
yarn run v1.22.19
$ strapi generate
? Strapi Generators plugin - Generate a basic plugin
? Plugin name my-pulugin-name
? Choose your preferred language JavaScript
✔  +! 25 files added
 -> /plugins/my-pulugin-name/strapi-admin.js
 -> /plugins/my-pulugin-name/strapi-server.js
 -> /plugins/my-pulugin-name/server/bootstrap.js
 -> /plugins/my-pulugin-name/server/destroy.js
 -> /plugins/my-pulugin-name/server/index.js
 -> /plugins/my-pulugin-name/server/register.js
 -> /plugins/my-pulugin-name/admin/src/index.js
 -> /plugins/my-pulugin-name/admin/src/pluginId.js
 -> /plugins/my-pulugin-name/server/config/index.js
 -> /plugins/my-pulugin-name/server/content-types/index.js
 -> /plugins/my-pulugin-name/server/controllers/index.js
 -> /plugins/my-pulugin-name/server/controllers/my-controller.js
 -> /plugins/my-pulugin-name/server/middlewares/index.js
 -> /plugins/my-pulugin-name/server/policies/index.js
 -> /plugins/my-pulugin-name/server/routes/index.js
 -> /plugins/my-pulugin-name/server/services/index.js
 -> /plugins/my-pulugin-name/server/services/my-service.js
 -> /plugins/my-pulugin-name/admin/src/translations/en.json
 -> /plugins/my-pulugin-name/admin/src/translations/fr.json
 -> /plugins/my-pulugin-name/admin/src/utils/axiosInstance.js
 -> /plugins/my-pulugin-name/admin/src/utils/getTrad.js
 -> /plugins/my-pulugin-name/admin/src/components/Initializer/index.js
 -> /plugins/my-pulugin-name/admin/src/components/PluginIcon/index.js
 -> /plugins/my-pulugin-name/admin/src/pages/App/index.js
 -> /plugins/my-pulugin-name/admin/src/pages/HomePage/index.js
✔  ++ /plugins/my-pulugin-name/README.md
✔  ++ /plugins/my-pulugin-name/package.json

• plugin.jsに変更を加えます

[config/plugins.js]

    // ...
    'my-pulugin-name': {
      enabled: true,
      resolve: './src/plugins/my-pulugin-name'
    },
    // ...
  });

• yarn buildをしてプラグインをビルドします。

まとめ

ローカルプラグインの作成までやってみました。少しでも参考になれば