Let’s dive into building our application. Next.js also includes features like API Routes, File-system Routing, Fast Refresh, Built-in CSS Support, Meta tags, and many more. Next.js is an open-source React framework that makes it easier to build production-ready react applications by providing multiple features like server-side rendering and static-site generation, which renders the application on the server and hydrates (add the JavaScript functionality) on the client (browser). You can read a little more on MongoDB at this post from Guru99. Collections are a set of documents equivalent to a table in a relational database. MongoDB is a No-SQL database that stores data in documents in a JSON-like format. Collections contain sets of documents which is the equivalent of relational database tables. Documents consist of key-value pairs, the basic unit of data in MongoDB. Instead of using tables and rows as in the traditional relational databases, MongoDB uses collections and documents. MongoDB is a document-oriented NoSQL database used for high-volume data storage. In Prisma, though, which takes a somewhat different approach from other traditional ORMs, the application models are defined in your Prisma schema. ORMs let you model your application data by mapping classes to tables in the database, and instances of classes are mapped to rows in the tables.
![cubeactive notelist offload in readable format cubeactive notelist offload in readable format](https://cdn.instructables.com/ORIG/FN0/MOG9/F3YIJGGR/FN0MOG9F3YIJGGR.jpg)
Prisma ORM works for MongoDB too, which is the document-based database that we’ll be using in the article. We’ll use Prisma to interact with our MongoDB database to CREATE, READ, UPDATE and DELETE notes, create users in our database, and define the schema for users and notes.Ĭool, but what’s an ORM, and why do we need Prisma to access our database? Object Relational Mapping is a technique used to access and manage relational databases using an object-oriented programming language (like JavaScript). Prisma is a next-generation object-relational mapper (ORM) that can be used to access a database in Node.js and TypeScript applications. We’ll explain these technologies and related concepts and see how we can put these technologies together to build an application. In this tutorial, we’ll learn how to build a full-stack application with authentication and CRUD functionality using Next.js, Prisma & MongoDB.
![cubeactive notelist offload in readable format cubeactive notelist offload in readable format](https://www.intellectsoft.net/blog/wp-content/uploads/3-6.png)
We can also abstract the complex details of interfacing with a database using an ORM like Prisma. With these, we can build frontend applications with server-side capabilities with frameworks like Next.js.
![cubeactive notelist offload in readable format cubeactive notelist offload in readable format](https://proposable.com/wp-content/uploads/2019/06/Estimate-Image-400x250.png)
Building modern full-stack applications has gotten easier for frontend developers with new technologies and tools.