Generally, we use something like this to create metadata in Next.js: And it works very well, as we can see below: But if you observe the source code, you can see one other that is by default defined by Next.js…
Next.js comes with many new updates and one of them is the way to store static files. In this article, we will see what static files are, where they should be stored, and how to render and access images, fonts,…
Tailwind CSS is a framework that helps us to create modern responsive websites without writing custom CSS code. It has a collection of predefined classes that we can use directly in our HTML code to style the elements. Tailwind CSS…
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.…
The array some() method in JavaScript checks whether at least one element in an array passes a test you define. It returns true the moment it finds a match and stops. It never checks the rest. That early-exit behavior makes…
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…
The JavaScript array find() method returns the first element in an array that passes a test function you provide. If no element matches, it returns undefined and leaves the original array unchanged. Introduced in ES6, it is now one of…
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…
