Category: Next.js

Helpful, informative content about Next.js and its uses for frontend development.

Quick Tip: When to Choose SSG or SSR in Next.js

Are 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 fetch data...

Quick Tip: Custom 404 Page in Next.js

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

Quick Tip: How To Disable Next.js Telemetry

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

Quick Tip: Next.js Hello World App – Part 2

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

Quick Tip: Sharing Data in Next.js with React Context

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

Quick Tip: Next.js Hello World App – Part 1

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

Using Next.js, WebDevStudios Built a 1,000 Page Headless WordPress Website

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

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

Building the Next.js 9.4 WordPress Example

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

Headless WordPress with React and NextJS (Part 2)

Editor’s Note: The following is Part 2 in a two-part series titled, “Headless WordPress with React and NextJS.” It was published in 2019. Code samples are now outdated. If you’re interested in current Next.js related content, please click here for updated content....