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.…
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…
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…
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,…
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…
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…
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…
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…