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.…
Discover how the JavaScript Array some() method works with simple syntax, clear examples and real use cases, learn its benefits and start using it today.
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…
Many of us have spent hours searching through arrays, trying to pick out just the right value. What if there was a simple way to grab the first matching element, without writing long loops or extra checks? The JavaScript Array…
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…
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…