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, JSON, and other files for better performance in Next.js. So let’s get started. Check out […]
Storing and Accessing Static Files in Next.js (With Examples) Read More »
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 is a utility-first CSS framework. Utility-first means it has a set of small reusable utility
How to Set Up and Use Tailwind CSS with Next.js Read More »
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 skipped. In Next.js we can do styling in different ways: Global CSS, CSS Modules, Tailwind
Using CSS Modules and Global CSS in Next.js Applications Read More »
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 and finally the component is re-rendered with the fetched data. This creates a little delay
Pre-rendering and Data Fetching in Next.js Read More »
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. So suppose you have a folder named “users” inside the app directory with a page.tsx
Middleware in Next.js: Simplest Explanation Read More »
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 Query MongoDB Documents in Node.js MongoDB database is implemented in NodeJS using the MongoDB module,
NodeJS MongoDB Find: Querying Single and Multiple Documents Read More »
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 CLI-based application. Let’s learn it in detail. Introduction to Node.js Readline The Readline Module is
Node.js Readline Module: Get User Input From Command Line Read More »
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 based on user behaviour. Some of the best templating engine libraries available that we can
EJS in Node.js: A Guide to Embedded JavaScript Templates Read More »
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 a user clicks on it. Another famous example is when we create a piano application
Using jQuery on() Method as an Alternative to JavaScript click() Read More »
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 will be evaluated and the value will be returned but if the parameter is a
JavaScript Eval() Function Read More »