WebDevStudios
Helpful, informative content about Next.js and its uses for frontend development.
Our website agency is currently working on a Headless WordPress Multisite project using Next.js. Development is almost completed for this WebDevStudios client. However, as we’ve begun entering content, we realized that we can make improvements to the editing experience for the client. In this...
Read More Optimizing the WordPress Block Editor ExperienceAre you debating over SSG and SSR in Next.js? It shouldn’t be difficult. Let us discuss and choose the one that suits your needs. Before we begin, take a quick look at the data fetching methods. Data Fetching Next.js allows you to...
Read More Quick Tip: When to Choose SSG or SSR in Next.jsNext.js is a sought-after framework among the WordPress community. It’s incredibly fast and documentation is great. For example, building a custom a 404 page in Next.js is easy and straightforward. Don’t believe me? Let’s take a look in detail and you will...
Read More Quick Tip: Custom 404 Page in Next.jsWant to stop Next.js telemetry? Here is a quick tip. You can disable it via the command line or via the environment file. If you are looking only at the command, you can skip this background information section and scroll to the...
Read More Quick Tip: How To Disable Next.js TelemetryIn Part 1 of this series, I introduced you to the terminal, Node.js, and we spun up the Hello World Example from Next.js. In Part 2, we’re going use a code editor to create a React component, maybe even style it, then...
Read More Quick Tip: Next.js Hello World App – Part 2The React Context API is a data store that provides functionality for accessing data at the component level without passing it down through the application as props. I like to think of Context as “global” props or state that can be directly...
Read More Quick Tip: Sharing Data in Next.js with React ContextThis quick tip may seem simple to some, but to many working in a terminal, it isn’t trivial. In Part 1 of this series, “Next.js Hello World App,” I want to focus on the absolute basics like: The Terminal Installing Node Getting...
Read More Quick Tip: Next.js Hello World App – Part 1Last spring, I started dabbling with Next.js and it didn’t take long for “dabbling” to turn into, “Whoa! This is awesome!” I found myself totally immersed. A big part of that immersion is the simplicity of Next.js. For me, it has the...
Read More Using Next.js, WebDevStudios Built a 1,000 Page Headless WordPress WebsiteDuring 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....
Read More How to Use Dynamic Imports in Next.jsA bit of history Before I go into how I got involved with building the NextJS 9.4 WordPress Example, let me give you some background. In the spring of 2019, I was nose-deep in Gatsby. It was all I could think about....
Read More Building the Next.js 9.4 WordPress Example