Now that we have covered all the basic topics of Next.js in our series, it’s time to learn how to style our Next.js application. Learning how to style a Next.js application is a part of front-end development that cannot be…
In React, if we want to fetch data then it is not straightforward. First, the component is rendered without any data then useEffect is triggered to fetch data and then fetched data gets stored in the component’s state using useState…
In Next.js, we can use file-based routing to create routes. Any folder inside the app directory with a page file will act as a route and when a user requests a route, its page file is rendered as a response.…
A MongoDB database can have multiple collections, which can contain lots of documents. To find documents based on custom queries, the MongoDB Node.js driver provides us with two useful methods: find() and findOne(). Let’s see them in detail. How to…
Readline Module is a built-in module in Node.js used for handling user inputs and providing resultant output to the command line. This module offers various methods to help interact with CLI. Using this tool we can create a fully functional…
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…