When it comes to building robust web applications, performance optimization is a crucial consideration. Slow-loading websites can result in frustrated users and lost opportunities. Fortunately, Next.js, the popular React framework, offers a range of powerful features to tackle performance challenges head-on. In this article, we will dive into the latest…

Five different ways to do it — Have you ever tried to import an SVG into your NextJS project, and ran into the following cryptic error? Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type In this error, webpack is telling us that it doesn’t have a loader set…

Vercel recently launched NextJs 13.4 Stable version as a serve-client front-end framework. But we are more interested how this will change the web development flow. 😉 Many people will compare it with Php or will say “This is what we were doing in PHP 10 years ago”, the answer is…

NextJS is a React framework created by Vercel. When I first heard about it, I was consistently using Gatsby for my projects, and sometimes Create React App when I needed client-side routing. …

From basics to more complex things to have Alice finally talk to Bob! — TL;DR Props for parent->child communication Callback props for child->parent communication Common ancestor: does not scale, almost an anti-pattern Event bubbling: implicit coupling, clearly an anti-pattern Via the server: why not after all? React Context, what else? Building on React Context, let’s add some contracts PubSub React is now a mature environment…

Whether you are just starting to learn React or you’re already full-time working professionally in it, there are many tools (both free and paid) that you can use in your personal or professional projects. They are always beneficial as they help speed up the workflow or get things done quickly. …

Top highlights of a game-changing release — The Next.js framework was created by Vercel in 2016. It started as a server-side rendering-focused framework. It has gradually evolved since. Now it is a complete suite to build blazing fast React apps. It is developer-friendly and intuitive to use. Here are its strongest features: Page-based routing Hybrid pages Environment…

Motivation Jamstack is out for a while. For most of us (developers) statically pre-rendered React websites are no wonder: page routing in the browser, “blazing-fast” (as they usually call it) experience, etc. Try Gatsby or Next.js and you’ll have it. If you are a web developer, you know React and probably…

Why your team should use NextJS instead of rolling your own ReactJS framework — One of the reasons why we as developers love ReactJS is that it’s an unopinionated small library built for creating interactive user experiences. Try comparing ReactJS to a library like Angular — React has no “one way” to handle routing, to handle data fetching, to handle global state, to handle…