Skip to content

A startup kit for WordPress plugin developer with WordPress Rest API, WP-script, React, React Router, Tailwind CSS, SCSS, PostCSS, Eslint, WP-Data, WP-Data Store, Typescript, React Components, i18n, CRUD, PHP OOP plugin architecture easily in a minute.

Notifications You must be signed in to change notification settings

therakib7/wp-plugin-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WP Plugin Kit

A startup kit for WordPress plugin developer


What's included?

  • WordPress Rest API
  • WP-script Setup
  • React
  • React Router
  • TypeScript
  • Tailwind CSS [Nested + ]
  • SCSS
  • PostCSS
  • Eslint
  • WP-Data
  • WP-Data Redux Store [Redux Saga, Generator function, Thunk, Saga Middleware]
  • React Components
  • React CRUD Operations - Create, Read, Update, Delete, Status changes and so many...
  • Internationalization - WP i18n
  • PHPUnit Test [Test + Fix]
  • JestUnit Test
  • WordPress Playwright e2e Test
  • PHP OOP plugin architecture [Traits + Interfaces + Abstract Classes]
  • Gutenberg blocks, Dynamic blocks

Quick Start

# Clone the Git repository
git clone https://github.com/therakib7/wp-plugin-kit.git

# Install PHP-composer dependencies [It's empty]
composer install

# Install node module packages
npm i

# Start development mode
npm start

# Start development with hot reload (Frontend components will be updated automatically if any changes are made)
npm run start:hot

# To run in production
npm run build

After running start, or build command, there will be a folder called /build will be generated at the root directory.

Activate the plugin

You need activate the plugin from plugin list page.

Zip making process [Build, Localization, Version replace & Zip]

# One by one.
npm run build
npm run makepot
npm run version
npm run zip

# Single release command - which actually will run the above all in single command.
npm run release

After running release command, there will be a folder called /dist will be generated at the root directory with wp-plugin-kit.zip project files.

WP-CLI command to refresh data

wp wp_plugin_kit_refresh

Run PHP Unit Test

Before run test, check file wp-config from /tests/phpunit

composer run test

Run all tests by single command - PHPCS, PHPUnit

composer run test:all

Run Jest Unit Test

npm run test:unit

PHP Coding Standards - PHPCS

Get all errors of the project:

composer run phpcs

Fix all errors of the project:

composer run phpcs:fix

Full Composer test run:

composer run test:all

Others Coding Standards

Format code according to WordPress standards:

npm run format

Linting JavaScript:

npm run lint:js

Linting CSS:

npm run lint:css

Linting Markdown (Docs):

npm run lint:md:docs

To Update NPM Packages:

npm run packages-update

Ensure licenses compatibility:

npm run check-licenses

Run Playwright e2e Test

Playwright doc link: https://playwright.dev/docs/running-tests

Requirements:

Must have docker installed and running by ensuring these commands

npm run env:stop
npm run env:start

Normal e2e test:

npm run test:e2e

Interactive e2e test:

npm run test:e2e:watch

For more about e2e Tests running please check - https://playwright.dev/docs/running-tests

About

A startup kit for WordPress plugin developer with WordPress Rest API, WP-script, React, React Router, Tailwind CSS, SCSS, PostCSS, Eslint, WP-Data, WP-Data Store, Typescript, React Components, i18n, CRUD, PHP OOP plugin architecture easily in a minute.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published