Strapi
Published in

Strapi

Boosting Productivity with Strapi Plugins

This article will explore the configuration and usage of five Strapi plugins that will help you boost your productivity.

What Is Strapi?

Strapi is an open-source headless CMS that is based on Node.js for building fast and dynamic websites. It provides an easy-to-use dashboard for managing and delivering content to the frontend via an API call.

Strapi Installation

Are you new to Strapi? If yes, to get started with Strapi, you’ll need to install the following programs on your computer.:

  • NPM or Yarn
npx create-strapi-app survey-app --quickstart
yarn create strapi-app survey-app --quickstart
Strapi dashboard

Plugins for Boosting Productivity

Strapi headless CMS allows developers to add functionality to an application using pre-written plugins, thereby speeding up the application development process.

  • Improve your website’s security,
  • Enhance website accessibility, and
  • Ease the development process by adding more functionality.
Strapi Marketplace

Todo Plugin

The Todo plugin allows admin users to easily keep track of content progress. It adds a list of to-do tasks next to the content on the editing page. An admin user can add a list of tasks that are expected to be completed by the authors. The editor can mark each to-do task as completed or not. The super admin user can decide whether to publish the content or not based on the completed tasks.

Installation and Configuration

Run the command below to install the Todo plugin:

npm install @_sh/strapi-plugin-todo
npm run build
npm run develop
yarn add @_sh/strapi-plugin-todo
yarn build
yarn develop

Adding To-Do Tasks to Content

Once the installation is complete, navigate to Content Manager on the Strapi dashboard. Click on any collection type, and then click on Edit on any content.

How to Use Todo Plugin
Adding new todo
How to Use Todo Plugin

Mux Video Uploader Plugin

Mux Video Uploader is a Strapi plugin for managing videos on your website. This plugin makes it easy to upload videos from the Strapi dashboard to Mux, and all the video management is done from the Strapi dashboard. With this plugin, you can upload content via URL or file upload. It also supports audio uploading too.

Installation

Run the following commands to install the mux video upload plugin:

npm i strapi-plugin-mux-video-uploader@latest
npm run build
npm run develop
yarn add strapi-plugin-mux-video-uploader@latest
yarn build
yarn develop

Configuration

Now that we have installed the Mux video upload plugin, let’s ahead and configure it. Create a new Mux account or login to your mux.com dashboard. On the side bar, navigate through settings >API Access.

how to configure Mux Video Uploader Plugin
how to configure Mux Video Uploader Plugin
how to configure Mux Video Uploader Plugin
how to configure Mux Video Uploader Plugin
uploading video with Mux Video Uploader Plugin

Publisher Plugin

Automating your content publishing process gives your website more flexibility. With the Strapi Publisher plugin, you can easily schedule publishing and unpublishing dates and times for your content.

Installation

To add a publisher plugin to your project, run the following commands:

npm install strapi-plugin-plubisher
npm run build
npm run develop
yarn add strapi-plugin-plubisher
yarn build
yarn develop

Using Publisher

Once you have successfully installed the plugin, add the publish/unpublish date(s) from the left side when editing your content as shown below.

How to use Publisher Plugin
setting publish/unpublish date

GoogleAuth Plugin

The Strapi GoogleAuth plugin is an easy-to-use cross-browser authentication method that enables users’ authentication using their Google account. With the GoogleAuth plugin, you can implement Google authentication on your registration and login pages without the users having to retype their email, username, and password every time they access your website.

Installation and Configuration

To use the GoogleAuth plugin in your application, run the following commands on the terminal:

npm install strapi-google-auth
npm run build
npm run develop
yarn add strapi-google-auth
yarn build
yarn develop
GoogleAuth Plugin
GoogleAuth Plugin configuration
GoogleAuth Plugin configuration
GoogleAuth Plugin configuration

Implementing

To add Google authentication to the frontend, follow the steps below:

data: {
code:REDIRECTION_AUTH_CODE
}

Notes Plugin

Strapi Notes plugin is an important plugin, especially in content workflow. It’s designed to help you organize your content and provide additional useful resources for authors. For article-publishing companies, editors can add outlines and other resources as a note. This helps in guiding the authors to deliver quality content.

Installation

To install the notes plugin, run the following commands:

npm install strapi-plugin-notes
npm run build
npm run develop
yarn add strapi-plugin-notes
yarn build
yarn develop

Adding Notes to Content

During content creation or editing, you can add, edit, or delete notes. The notes section is below the locales section, which is located on the right side of the content editing page as shown below.

Notes Plugin
adding new Notes

Conclusion

Strapi marketplace contains over seventy plugins that you can use for boosting and enhancing your website’s performance. Productivity is the core of business success. If you do more in less time, you can spend more time on things that really matter to your business.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store