Building a Nest.JS backend with Prisma (ORM)

Introduction

Whenever we are starting a backend project in NodeJS, there’s always a question about which frameworks we are going to use, although there is no correct answer to this question, it is always good to use new and famous technologi…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Caio Felipe

Introduction

Whenever we are starting a backend project in NodeJS, there's always a question about which frameworks we are going to use, although there is no correct answer to this question, it is always good to use new and famous technologies, they came to solve existing problems and make it easy to develop robust applications.

Let me show you how to build a initial project structure using some of the new frameworks to build NodeJS scalable and efficient applications: NestJS and Prisma.

Starting the backend using NestJS

Nest (NestJS) is a framework for building efficient, scalable Node.js server-side applications. Nest makes use of robust HTTP Server frameworks like Express. Nest provides an out-of-the-box application architecture which allows developers and teams to create highly testable, scalable, loosely coupled, and easily maintainable applications. For more information:(https://docs.nestjs.com/)

Instalation

  • Run npm i -=g @nestjs/cli to install the NestJS cli.
  • Run nest new <project-name> to create the Nest project
  • A project-name folder will be created with node_modules and some files. A src/ directory will be created and populated with some main files:

Nest project initial structure

  • We can delete all test files and jest commands inside the package.json file because it won't be our focus on this article.
    Nest project without test files

  • In the structure generated by NestJS contains the file main.ts which Nest Factory starts the main module and listens on some defined port.
    main.ts

A brifely introdution to the Nest files:

  1. Module: Group controllers and providers.
  2. Controller: Route that calls a service to do something.
  3. Services: Functions with the logic and business rules from the backend.

Basically the NestJS works based on decorators:

  • Decorators declare routes, services, controllers and anything else.
  • Decorators connect classes with common backend functionalities.

hint: It's possible to acceess the nest commands by: nest -h

First Steps

  • Run npm run start:dev to start the project and watch your files, automatically recompiling and reloading the server if something changes.

  • Something cool about nest is that it's possible to generate classes by the command: nest generate FILE_TIPE FILE_NAME as we gonna do right now:

1.nest generate module database
2.nest generate module http

Basically each command will generate a module. The first module will handle the database, it will contain the prisma service and the another one is to handle the HTTP requests, it will contain our controllers.

Before anything is important to add a .env file to our API to use secret variables. Run npm i @nestjs/config to be possible to use .env.

  • Import the ConfigModule in the http.module.ts file:

http.module.ts

  • This way it's possible ot access the .env file from the proccess.env inside the Http Module

Configuring the Application Database, using Prisma

Prisma is a Typescript ORM developed mainly to SQL databases.
Some features of Prisma:

  1. It helps to write queries by warning errors and auto-completing when writing queries on the backend (Using Typescript).
  2. It creates migrations automatically from changes made by the developer. For more info:

Adding Prisma to the backend project

  • Install prisma: npm i prisma -D
  • Then run: npx prisma init
  • In the prisma folder we got the configuration file, we need to set the DATABASE_URL.
  • Inside the .env file add the DATABASE_URL variable. To start and get our DATABASE_URL I'll provide to you a docker-compose.yml file and you just need to run docker-compose up -d to start the postgreSQL database.

DATABASE_URL .env variable

Setting up Prisma Service

  • First of all we'll add a new User Table inside prsima/schema.prisma: User Model
  • Run npx prisma migrate dev to check the changes on the schema.prisma file and generate our first migration. You should give a name for it, for instance: create_users_table. (Migrations will be available in the prisma/migrations/* folder).
  • After create our first migration with prisma install the package: npm i @prisma/client. Ref: Prisma Client
  • Inside the Nest project we'll generate a new prisma service: nest generate service prisma. This service will be located on src/database/prisma/prisma/service.ts and it will be responsible to initiate Prisma.

Prisma Configuration
(This configuration can be found on Prisma documentation)

  • Now to use PrismaService we should export it inside DatabaseModule (Which contains PrismaService)

DatabaseModule

  • Furthermore, we should import DatabaseModule in our HttpModule in order to get access to PrismaService.

HttpModule imports DatabaseModule

  • Finished! Prisma is configured, and you can run the project by npm run start:dev. You can also using another terminal you can run npx prisma studio. (Prisma studio is a friendly interface that allows us to create/access/filter/delete database data)

Testing Prisma by creating our first route

Now that we have the PrismaService is possible to create DB queries. So we gonna create a route to get all users.

  • We start it by creating a new Controller. (Controllers are responsible to handle requests and return a response to the client, just like a standard Express NodeJS application)
  • We can delete app.controller.ts and app.service.ts files that were generated by Nest, and generate a new user controller by the command: nest g controller users. This command will generate a users folder with a user.controller.ts file. This controller will be part of http.module.ts (as we going to receive HTTP requests from it).
  • The new project structure: Project source folder

Controller

  • To define a route on a controller we use the @Controller('users') decorator, we specify a path prefix optional as 'users'.
  • The routes also will be defined with decorators (Everything on NestJS uses decorators). As we going to get data we will use the @Get() decorator, without defining any route path.
  • The new user.controller.ts file:

Users Controller

  • Now you can make a GET request to /users and receive a response from the controller. (It's possible to access the request body, query, params, etc. All this through decorators, check the NestJS documentation: https://docs.nestjs.com/controllers)

Service

  • After creating our first controller, it's time to create our first service. On Prisma, services are also providers. The main idea of ​​a provider is that it can be injected as a dependency; this means that objects can create multiple relationships with each other, and the function of "linking" object instances can be largely delegated to the Nest runtime system.
  • Our controller should handle HTTP requests and delegate complex tasks to providers. Our provider will be a service called UsersService.
  • First run nest g service users
  • Move the users.service.ts file to a new folder src/service, and import this as a provider on http.module.ts to be possible to call it from the UsersController:

HttpModule import UsersService provider

  • This service will be responsible for manipulating data from the Database using PrismaService and it's also a Provider.
  • The best part of NestJS it is that is simple to use services by dependency injection. See how I import and use PrismaService:

UsersService import PrismaService

  • Through Typescript, Prisma helps us to do database operations in a much easier way.
  • Now to test you can run prism studio and add some data to your database using Prisma Studio: npx prism studio. And everything should be working just fine!

Conclusion


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Caio Felipe


Print Share Comment Cite Upload Translate Updates
APA

Caio Felipe | Sciencx (2022-09-26T21:27:43+00:00) Building a Nest.JS backend with Prisma (ORM). Retrieved from https://www.scien.cx/2022/09/26/building-a-nest-js-backend-with-prisma-orm/

MLA
" » Building a Nest.JS backend with Prisma (ORM)." Caio Felipe | Sciencx - Monday September 26, 2022, https://www.scien.cx/2022/09/26/building-a-nest-js-backend-with-prisma-orm/
HARVARD
Caio Felipe | Sciencx Monday September 26, 2022 » Building a Nest.JS backend with Prisma (ORM)., viewed ,<https://www.scien.cx/2022/09/26/building-a-nest-js-backend-with-prisma-orm/>
VANCOUVER
Caio Felipe | Sciencx - » Building a Nest.JS backend with Prisma (ORM). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/09/26/building-a-nest-js-backend-with-prisma-orm/
CHICAGO
" » Building a Nest.JS backend with Prisma (ORM)." Caio Felipe | Sciencx - Accessed . https://www.scien.cx/2022/09/26/building-a-nest-js-backend-with-prisma-orm/
IEEE
" » Building a Nest.JS backend with Prisma (ORM)." Caio Felipe | Sciencx [Online]. Available: https://www.scien.cx/2022/09/26/building-a-nest-js-backend-with-prisma-orm/. [Accessed: ]
rf:citation
» Building a Nest.JS backend with Prisma (ORM) | Caio Felipe | Sciencx | https://www.scien.cx/2022/09/26/building-a-nest-js-backend-with-prisma-orm/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.