The template engine in Node.js is used to inject data into the HTML. Data can be JS objects, JSON, or raw text. Template engine makes it super easy to create dynamic websites as we can dynamically insert data into HTML…
In JavaScript, we can attach event listeners to an HTML element so that it can become reactive and respond based on user behaviour. Such as we usually attach a ‘click’ event to the button to handle what happens next when…
JavaScript eval() method can execute a statement, expression, or a group of statements and return its completion value if it exists or undefined if there is no completion value. In simple words, if the parameter is an expression then it…
Have you ever tried to download software from a third-party website? When you click on the download button it opens multiple tabs with lots of annoying ads. As a developer, I wonder how they program their website to do so.…
Suppose you are creating a Next.js application and want the same components like header and footer on all your pages then you can add layout to make this happen. Let’s understand what it is and how to add it to…
In our previous tutorial, we learned how to create different routes using App Router. But when it comes to dynamic routing, the question is how to implement it in file-based routing where file names are used to create routes and…
In our previous tutorial, we learned how to create different pages in Next.js using file-based routing but to switch between pages we changed the URL manually. Like for the Home page we entered http://localhost:3000/, for the About Us page we…
Before Next.js 13, routing was based on the “pages” directory, where each file inside it was considered a route. For example, a file named “pages/about.js” will create a route “/about” containing the content returned by about.js. This approach was created…
Next.js is a modern React framework for building web apps efficiently and effectively, which is becoming famous nowadays. It fills the gap that React cannot provide and due to its ability to handle the backend code, it becomes the best…
Whenever we create a Next.js application, lots of files and folders get created automatically and it is very confusing for a beginner to get started without knowing what each of them is used for. In our previous tutorial of this…