Category: Development

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...

How to Use Dynamic Imports in Next.js

During some late night performance testing, I kept asking myself, “How can I reduce page load times in Next.js load times?” While obsessing over the Network Panel tool, I did what most engineers do in times of desperation and hit the Google....

MySQL Database Export Errors and Solutions

I recently encountered a couple of frustrating MySQL database export errors and wanted to share the solutions I used with other folks, as well as document it for future me. Here’s my setup. These issues could appear on any platform, though. OS:...

Scary Warning Signs Your Website Needs a Redesign

If your website looks like the one above you either have really, really, really particular brand following… or it might be time for a website redesign. There is never a perfect checklist or milestone your website needs to meet in order to...

Safely Coding: Nonces

Introduction You are working on a new plugin or theme to sell to customers. You think to yourself, let’s just go ahead and process this form or button request. What can go wrong? Nonce so fast. It’s always fun to develop...

How to Create an Addon for Local by Flywheel

A while back, I wanted to create an addon for Local by Flywheel that connected a popular database management tool, TablePlus with Local by Flywheel. Local is a development tool used by WordPress developers all over. At WebDevStudios, we use it daily....

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...

WordPress Block Development Made Easy

WordPress block development can be daunting. It’s already intimidating enough that you need to know ReactJS, you also need to install and configure tools like webpack, Babel, and ESLint. Here at WebDevStudios, we like to build things; and we love to do...

Cache Busting Scripts and Styles

All browsers implement a private, client-side browser cache. When a browser visits a page, it downloads the scripts and stylesheets (amongst other assets) into its cache. This caching is beneficial to performance, reducing network traffic and page load times. Other pages on...