This is a special Next.js guide in which we will introduce you to Node.js and learn how to connect a Next.js app to a Node.js server running on a different port. We will initialize a Next.js app and create a Node.js server that returns random quotes, then connect them and try to access quotes from […]
Connecting Next.js with Node.js: Simplest Way Read More »
In our series on Next.js, we have covered almost all the basics and even explained how to optimise a Next.js app for production. Now the ultimate question is how to deploy it and make it live. Well, just like Next.js made everything easy, it also provides a very simple way to deploy the app using
Deploying Next.js App to Vercel: A Step-by-Step Guide Read More »
The variables present outside of the context of a program are called environment variables. Environment variables are mainly used for storing sensitive information like API keys, database credentials, configuration settings, or other information that can’t be shown to the public. Besides these, they also help us to configure applications based on the environment (development, production,
Configuring Environment Variables in Next.js Read More »
Are you tired of writing HTML in JSX or TSX components while building a Next.js app? Well, we are too. So here is a solution: Markdown and MDX, which allows us to use some simple characters to generate valid HTML code. Let’s see what they are and how to use them in detail. Previously, we
Configuring Markdown and MDX in Next.js Read More »
If you have the option to create a Node.js project, which language would you choose: JavaScript or TypeScript? Some of you say JavaScript because it’s familiar, but is that a valid reason to pick a language? Not really. To make a good decision, it’s crucial to understand both languages, their features, and their specific use
TypeScript vs JavaScript: When to Use Which? Read More »
We all know JavaScript and how good it is for both client-side and server-side. But then why are we writing this tutorial on TypeScript? Why is TypeScript gaining popularity even when JavaScript is here and constantly updating? What is TypeScript, why do we need it, how does it differ from JavaScript, and how to get
What is TypeScript? An Overview Read More »
Unlike MySQL, where a query can perform various operations like creating tables, inserting records, deleting records, etc, in MongoDB we have separate functions for these such as createCollection(), insertOne(), insertMany(), deleteOne(), and deleteMany(). Queries in MongoDB do not handle such tasks. So what does it do? Queries in MongoDB are used to filter the result
Node.js MongoDB Query: With Sorting and Projection Read More »
Have you ever thought of creating a static website from your Next.js application? Yes, one of the coolest features of Next.js is the ability to export HTML/CSS/JS together and they work exactly the same as in the Next.js app and can be deployed to any static hosting service. Well, let’s see in detail how it
Export Static HTML Files from Next.js App Read More »
At this point, we have covered a lot of topics in our Next.js series that are enough to help you build your own very first Next.js app. But wait! Once you have built your next.js app and hosted it, you want to get a lot of views. To get views, your application must be highly
How to Optimize Next.js App to Improve Performance Read More »
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 by root layout: The same goes for descriptions and other tags: Having duplicate metadata tags
Generate Dynamic Metadata in Next.js: Metadata Object & generateMetadata Options Read More »