From the course: Mastering Nest.js: Build Scalable Applications with Mastery in Nest.js Framework

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Creating home interface

Creating home interface - Nest.js Tutorial

From the course: Mastering Nest.js: Build Scalable Applications with Mastery in Nest.js Framework

Start my 1-month free trial Buy for my team

Creating home interface

“

In this lecture, we are going to create the interface for the home page. By the end of this lecture, we will have this kind of interface ready. So let's begin. I've created a public folder inside the root directory, which has the images folder containing product images. Now if we look at the final output, you can see there are these product images displayed. For now, we are going to display these product details in a static manner as we want to create an interface. But later on as we proceed, the product details will be coming from the database that is it will be dynamic. So I'm going to create a product TS file inside the products folder. I'll create a product constant, which will be an array of objects. Inside I'll give the id 1, name apple, price 12 and image to apples.png. The image name is as per the images defined here. Similarly, I'll define a few more product objects, orange, banana and pineapple. In the next step, we will render the products inside the home page that is the…

Contents