Author: Alfredo Navas

Skip the Setup! WordPress Playground in Your Browser

An Overview of WordPress Playground WordPress Playground is a super cool tool that lets you run an entire WordPress site right in your browser—no need to install PHP, MySQL, or set up a server. It works by using WebAssembly (WASM) to run...

Block Patterns Redux: Progression and Application in Modern WordPress

WordPress Blocks have become a key focus of our work, and WordPress Block Patterns, in particular, have caught my attention. While custom blocks and tools like ACF are important, the introduction of the group block and block patterns has changed how we...

Switching from Classic to Block-Based Themes in WordPress

That latest version of WordPress features refinements of full-site editing (FSE) and improvements to performance and accessibility. The transition from traditional classic themes to block-based themes has become not only advantageous but also a logical step. By adopting WordPress block-based themes, you...

Having Fun with Query Loop Block

The Query Loop block is a powerful tool that brings the WP Loop, a core WordPress function, to the block editor. Introduced in WordPress version 5.8 and continually updated and improved since then, the Query Loop block is a useful way to...

Let’s Create an FSE Theme

A lot has changed since the last time I wrote about Full Site Editor. With the arrival of WordPress 6.0, the Full Site Editor (FSE) has matured for the better. Perhaps the most obvious update is the UI, along with a new...

WordPress FSE and Block-Based Themes

WordPress 5.8 introduced a new mechanism to configure the editor based on theme.json known as Full Site Editing (FSE). Gone are the days of adding content to templates using HTML and PHP. Now, making updates to your site templates is as easy...

Local Development with Node and Express

Create your Server If you are working with React and webpack, you probably or mostly never have to create your own local server. If you ever wonder how it works under the hood, here is a simple way to get a local...

Post Event Report: Jamstack Conf Virtual 2020

Jamstack Conf is a two-day celebration of the next generation of web apps, where the JAMStack community and ecosystem come together to learn, connect, and create. Conference attendees range from frontend and full-stack engineers to web agencies, all ready to push the...

StorybookJS and Why You Should Use It

What is Storybook? Storybook is a user interface (UI) development environment and playground for UI components. The tool enables developers to create components independently and showcase components interactively in an isolated development environment. Storybook supports many different frontend view layers. React, Vue,...