WebDevStudios
Helpful, informative content about Next.js and its uses for frontend development.
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 see for...
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 ExampleEditor’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....
Read More Headless WordPress with React and NextJS (Part 2)Editor’s Note: The following is Part 1 in a two-part series titled, “Headless WordPress with React and NextJS.” You can read Part 2 here. Keep in mind that this article was published in 2019. Code samples are now outdated. If you’re interested...
Read More Headless WordPress with React and NextJS (Part 1)