Charles Babbage was an English mathematician, engineer, and inventor. He is credited with originating the concept of a programmable computer. Parts of his uncompleted mechanisms are on display in the London Science Museum. In 1991, a perfectly functioning difference engine was constructed from Babbage’s original plans. Built to tolerances achievable…

Let’s create a simple CRUD application 👉 🚨 Important Note 🚨 👉 The MongoDB connector for Prisma is still in preview. 👉 Also, before we begin this tutorial, please make sure that your MongoDB deployment is configured with replica sets. One simple way for this is to use MongoDB Atlas to launch a free…

That I actually liked. 🤔 — Many of the items in this list are not uncommon to many of you. If you’ve been deep in React for the past few years, chances are you’ve heard of them. …

One of the easiest ways to implement authentication to a Next.js app is through NextAuth.js. Let’s take a look at how to add passwordless email authentication using this library. NextAuth.js Authentication for Next.jsnext-auth.js.org 1. Create a new Next.js application npx create-next-app some-project-name 2. Install the dependencies yarn add next-auth @next-auth/mongodb-adapter mongodb nodemailer

A simple guide to use the Mongoose ORM for MongoDb with the latest version of the Next.js framework. 1. Create a Next.js 11 project The easiest way to create a Next.js project is by using create-next-app . Run the following command in your terminal. npx create-next-app my-mongoose-app-name Once the process is complete, open the project directory…

1. Create a project in Google Cloud Console ~You may skip this if you already have a Google Cloud project. Head over to your Google Cloud Console. Make sure you are logged in to the right Google Account. If you have never been to the console, Google will alert you with some terms and conditions. Follow the instructions…

Build a Node.js application that manages and stores data in AWS S3 — Imagine we are trying to build an application that receives a constant stream of data. This data will be in large volume, needs to be stored, doesn't change, and needs to be queried later, for example, web analytics, IoT signals, or a voting application. …

Using styled-components and use-dark-mode — Here, I will use a boilerplate Next.js project created using create-next-app. npx create-next-app project-name Next, create a theme file anywhere in your project directory. I’m calling mine theme.js and placed it in the top directory. Here, we have divided the styles into light and dark theme. I have a…

Next.js + PWA = ⚡️📱 Let’s convert a create-next-app project into a Progressive Web App (PWA) 1. Setup Let’s create a boilerplate Next.js project using create-next-app (CNA) by running this command: npx create-next-app You can open the project folder in your text editor. All terminal commands after this step is assumed to…