Dulles Airport Car Service
Published 22 Sep 2022
EN ES
Turbocharge your WordPress site
PoP is an open source framework for building powerful WordPress-powered online platforms.
Making WordPress Sexy Again
PoP is a layer that wraps WordPress, enabling to use WordPress as the Content Management System that powers the application on the back-end, yet providing a framework to build high performance, highly dynamic sites on the front-end.
PoP works with all WordPress legacy code, and it has broad support for the WordPress plugins ecosystem.
Robust yet Flexible Architecture based on Reusable Components
PoP is based on the concept of modules, which are either an atomic functionality or a composition of other modules.
PoP sites are built by stacking modules on top of each other, ultimately creating complex structures from basic components.
The reusable components enable to create any type of structure, from basic to very complex ones.
Posts
Maps
Forms
Menus
Etc
Post
Post
Post
Scroll right to load more results
Place your own creation here!
😀
Modules can provide configurable options to change their layout and functionality, allowing for extensive versatility:
Leonardo Losoviz
Founder of PoP
I'm the founder of the PoP framework. I've been working in this project since April 2013, when developing the website for MESYM (https://www.mesym.com), an environmental NGO in Malaysia which I co-founded. Later on, I've used the software to launch other projects, such as TPP Debate (https://tppdeba... Read more
Jun-E Tan
Running around with a hammer
I am a freelance researcher on issues related to sustainable development. I write, I talk to people, I try to make as big a difference as I can. I've been running MESYM.com since 2013, an online platform for environmental issues in Malaysia. My motivation for working on MESYM.com is to amplify all t... Read more
PoP
Break the information monopoly
the PoP framework is open source software which aims to decentralize the content flow and break the information monopoly from large internet corporations.
Leonardo Losoviz
Member of
Creating these complex structures is extremely easy, akin to playing with LEGO:
We create basic modules, such as links/buttons with specific functionalities:
We group these into more complex modules, such as dropdowns:
Share+Addons dropdown:
Contact links dropdown:
We group these modules into more complex units, such as adding social networking buttons to the contact links dropdown, which produces a user toolbar:
Social networking:
User toolbar:
We create a user avatar and, grouping it with the previous modules all together, we finally obtain the desired component, such as a user layout:
Avatar:
User layout:
By repeating this process, the result will be the complete website, thoroughly built from combining modules together.
The API comes for free
A PoP site is a self-consumed API. There is no distinction between webpage and API: each URL returns the web page by default, and by just adding the parameter output=json, it returns its API instead.
And there is no need to create documentation for the API, since the website is already the API’s documentation.
Optimized for Mobile
A PoP site is a Progressive Web App (PWA): a web application that uses the latest web technologies to appear to the user like a native mobile app, such as being installed on the user’s mobile home screen and working offline.
Designed for the Highest Speed
PoP implements several techniques for delivering super fast experiences:
Server-Side Rendering: HTML is rendered directly on the server when first loading the site
Aggresive Caching: 5 layers of caching are implemented in between the server and the client
CDN Integration: both assets and content can be fetched from a Content Delivery Network
Native Code-Splitting with Progressive Booting: the site only loads the required assets, ordered by priority
As a result, PoP sites have an outstanding performance from speed measurement reports, scoring below the recommended goal of 1250 for Speed Index and under 1 second for First Meaningful Paint.
Multiple Outputs from a Single Source
PoP is engineered for minimal effort and maximum productivity:
Isomorphic rendering: the same code is used to render HTML directly in the server, dynamically in the client, and for transactional emails
Progressive Web App: the website behaves like a mobile app, removing the need to implement Android/iOS apps
Multiple Views: each component supports alternative layout designs, enabling the site to provide different functionalities
Transactional Emails
Any page in the site, containing both public and user-specific content, can be rendered for email with minimal effort.
With this feature, the application can easily implement any kind of transactional email, such as automated user notifications.
Native A/B Testing
PoP provides mechanisms to easily tweak the application styles, serve one or another version to the user, and track the results without the need for 3rd party libraries.
Clearly-Decoupled Responsibilities
Each module is composed of clearcut, non-overlapping concerns, allowing a team of several people, each with a specific responsibility (back and front-end development, design, etc), to work on the same component simultaneously:
Back-end logic through PHP
Views through Handlebars templates
Front-end logic through Javascript
CSS styles
Powerful as GraphQL, Simpler to Use
One single query will return all required data, keeping the objects’ relational structure as in the database.
This feature grants the power of GraphQL, while avoiding its security issues and non-cacheability on the server-side.
Conceived for Communities
PoP ships with plenty of social networking features, providing a full-fledged online platform for communities of any size:
Like
Follow
Add content
Notifications
Aggregation of Content from Other Sites
PoP platforms can interact with each other, enabling to create a social network comprised by independent sites, each of which owns its own data.
Like
Follow
Add content
Notifications
Coming soon: Integration with WordPress Gutenberg
We are currently working on making all PoP blocks available as WordPress Gutenberg’s blocks, a.k.a. Gutenblocks.
Browse all features:
Kept Sustainable through Verticals
In order to keep PoP the open source project sustainable we have created Verticals, an agency to implement PoP sites of any kind: simple blogs, social networks, marketplaces, etc.
If you need assistance implementing your PoP site, please visit verticals.io to learn more.
Brought to you by…
Leonardo Losoviz is the creator of the PoP framework, and has been working tirelessly on it since 2013.