fbpx
  1. Tubelator AI
  2. >
  3. Videos
  4. >
  5. Education
  6. >
  7. ModulesPress Framework: Revolutionizing WordPress Plugin Development with Modern Practices

ModulesPress Framework: Revolutionizing WordPress Plugin Development with Modern Practices

Available In Following Subtitles
English
Variant 1
Posted on:
Discover ModulesPress, an open-source framework designed to modernize WordPress plugin development by incorporating concepts from frameworks like NestJS, Angular, and Laravel. Learn how ModulesPress introduces modular architecture to address the limitations of traditional WordPress plugin development.
tubelator logo

Instantly generate YouTube summary, transcript and subtitles!

chrome-icon Install Tubelator On Chrome

Video Summary & Chapters

0:00
1. Introduction 🌟
Exciting introduction to ModulesPress framework for modern WordPress plugin development.
0:15
2. Modernizing WordPress Plugins 🚀
Addressing the need for modern development practices in WordPress plugin development.
0:33
3. Revolutionizing Plugin Development 💡
Overview of ModulesPress framework and its role in revolutionizing WordPress plugin development.
2:00
4. Framework Foundation 🏗️
Exploring the foundation of ModulesPress framework and its adherence to WordPress coding standards.
2:43
5. Installation Process 🛠️
Step-by-step guide on installing ModulesPress CLI and setting up a new plugin.
4:02
6. Integration with WordPress Dashboard 🖥️
Navigating the WordPress admin dashboard and activating the newly created plugin.
4:16
7. Plugin Structure Overview 📂
Exploring the modular structure and key components of the generated plugin.
5:20
8. Front-End Development 🌐
Utilizing Vite for efficient front-end development and instant feedback.
5:52
9. Creating Custom Modules 📚
Guidance on creating new modules like 'books' to extend plugin functionality.
7:00
10. Preparing for Production 🚚
Transitioning from development to production by packaging the plugin for distribution.
8:21
11. Introducing ModulesPress Framework
Bringing modern practices to WordPress development
8:52
12. Acknowledgment to Saad Nadeem
Thanking the developer for the innovative framework
9:10
13. Engagement and Conclusion
Encouraging interaction and subscribing for more content

Video Transcript

0:02
Hey everyone, today I've got something really exciting to share with you, especially for
0:09
all you WordPress developers out there looking to modernize your plugin development workflow.
0:15
Have you ever felt that developing WordPress plugins could use a touch of modern development
0:20
practices?
0:21
Well, you're not alone.
0:24
I recently came across an open source framework called ModulesPress, developed by Saad Nadim,
0:30
and it's designed to revolutionize the
0:33
way we build WordPress plugins. It brings
0:36
modern development practices to
0:37
WordPress by incorporating concepts from
0:40
frameworks like NestJS, Angular, and
0:43
Laravel. Traditional WordPress plugin
0:46
development can sometimes feel a bit
0:48
outdated. ModulesPress addresses this by
0:51
introducing modular architecture.
0:55
Inspired by NestJS, allowing for clear
0:59
separation of concerns between
1:00
and reusable components. TypeScript and
1:06
attributes. Utilize decorators for
1:09
cleaner and more declarative code.
1:12
A powerful DI container that enhances
1:17
testability and scalability. Full support for
1:20
TypeScript and BHB typing ensures robust
1:24
and maintainable code. And modern build
1:27
tools for a smoother development
1:28
experience. If you love Laravel's
1:32
blade templating engine, you'll feel
1:35
right at home. Modules Brass is built on
2:00
native
2:00
REST ABI, adhering to WordPress coding
2:03
standards. Before we dive in, make sure
2:13
you have the following installed. WordPress, a running installation either locally or on
2:20
a server. Composer, installed globally for managing
2:24
PHP dependencies. Node.js and nbm, installed globally for front-end tooling.
2:32
PHP 8.1 plus. ModulesPress requires PHP 8.1 or later. Git. For version control.
2:43
First, we need to install the ModulesPress CLI globally using Composer. In your
2:49
terminal, run composer global require modulespress slash CLI. After installation,
3:00
you might
3:00
might need to add Composer's global vendor bin directory to your system's bath environment
3:06
variable. Check the Composer documentation for guidance specific to your operating system.
3:14
Navigate to your WordPress plugins directory. Now, run the following command to create a
3:22
new plugin. Modules press new. The CLI will prompt you for
3:27
plugin name, plugin slug, plugin namespace
3:35
and prefix, description, author information. After filling in the details, the CLI will
3:43
automatically create the plugin directory structure, install composer and
3:49
nbm dependencies, generate configuration files, set up the root module, configure
3:56
auto loading
4:02
Once the setup is complete, head over to your WordPress admin dashboard.
4:07
Go to plugins, installed plugins, find your newly created plugin, and click activate.
4:16
Let's take a look at what the CLI has generated.
shape-icon

Download extension to view full transcript.

chrome-icon Install Tubelator On Chrome