You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Make WordPress instantly accessible for users, learners, extenders, and contributors by building foundational software tools developers can use to create interactive, zero-setup, JavaScript applications with WordPress.
89
+
90
+
More specifically, here is a preliminary outline of the areas Playground will focus on. These items are not set in stone, and your feedback and contributions are crucial to help shape the direction.
91
+
92
+
### Learning WordPress Through Exploration
93
+
94
+
Playground aims to shift the WordPress learning journey from following screenshots and videos into engaging with a live site where it's safe and easy to creatively explore the concepts being taught.
95
+
96
+
Imagine live Playgrounds that guide users through building their first website, customizing a theme, or setting up an e-commerce store. Furthermore, users would have the freedom to take a detour and explore on their own. The goal is to not to create specific tutorials or apps, but rather to empower developers with the tools necessary to build them.
97
+
98
+
Key features include support for pre-defining an initial site setup and the ability to provide step-by-step interactive instructions.
99
+
100
+
101
+
### Learning WordPress Development Through Writing Code
102
+
103
+
Playground aims to encourage and accelerate learning WordPress development.
104
+
105
+
Imagine an in-browser code editor with an instant preview of everything you build. New developers would be guided through building their first WordPress extensions, and experienced developers would hone their WordPress skills with live code snippets and interactive examples embedded in the documentation and tutorials. Furthermore, developers would be able to start developing locally with zero or almost zero setup steps.
106
+
107
+
The goal is not to build such a full-featured code editor in Playground, but rather to provide the tools necessary to build one.
108
+
109
+
Key features include running PHP code in Playground, an abstraction for synchronizing files with a Playground instance, and a PHP binary that supports CLI tools like wp-cli or phpunit.
110
+
111
+
112
+
### Instant access to WordPress ecosystem
113
+
114
+
Playground aims to empower developers to build WordPress applications that are available in an instant and without any server infrastructure.
115
+
116
+
WordPress ecosystem consists of many powerful extensions that could become accessible without any pre-requisites. Imagine using WordPress as a notes app, getting acquainted with plugins and themes through official live demos, or starting a full-featured development environment with a single-click. The goal is not to build such applications, but to empower the ecosystem to make them available on demand.
117
+
118
+
Key features include abstraction for integrating a custom filesystems, in-browser support for network requests, and the ability to use and configure specific PHP extensions.
119
+
86
120
## Contributing
87
121
88
122
You also can run WordPress Playground locally as follows:
@@ -139,10 +173,6 @@ Another strong inspiration was the [Drupal in the browser demo](https://seanmorr
139
173
140
174
A worthy mention is Wasm Labs’s closed-source [WordPress in the browser](https://wordpress.wasmlabs.dev/) shared before this project was first published. There is no public repository available, but their [technical overview](https://wasmlabs.dev/articles/wordpress-in-the-browser/) gives a breakdown of the technical decisions that project took. WordPress Playground draws inspiration from the same PHP in the browser projects and makes similar technical choices.
141
175
142
-
## Using WP-NOW for local environment
143
-
144
-
WordPress Playground comes with `wp-now`. `wp-now` is a Command Line Interface (CLI) tool designed to streamline the process of setting up a local WordPress environment by using only Node.js. If you are looking to set up `wp-now` specifically, you can follow [this README.md](/packages/wp-now/README.md).
145
-
146
176
## Contributing
147
177
148
178
WordPress Playground is an ambitious project in its early days. If the feature you need is missing, you are more than welcome to start a discussion, open an issue, and even propose a Pull Request to implement it.
0 commit comments