Скачать или смотреть Lesson 7 Pt 2: Creating Form Components & API Routes endpoints for CRUD Operations functionalities

In this video, we’ll create nextjs forms and API endpoint routes for CRUD operation, that allows our application to create, update, delete and list items into view. We will also learn a couple of reusable react components that are used in order for us to achieve the CRUD functionalities. I will also explain the different API endpoint routes and methods involve in the process.

//link to stockiffy prisma model used in this lesson
https://anotepad.com/notes/k8fkdtf7
//NPM installation commands used
npx shadcn@latest add sonner
Run these commands each time you make an adjustment to your Prisma schema model
npx prisma generate
npx prisma db push
#CrudOperations Operations #PrismaORM #MongoDBAtlas #Nextjs #InventoryApp #TechPundit #CreateStoreAndDisplayItems
#WebDevelopment #JavaScript #Nodejs #BackendDevelopment #CodingTutorial #PrismaMongoDB

Timeline:
00:00 Demo of what we are building today
07:29 Setting up the Application to use Sonner for toast functionality
14:27 Adding of InventoryItemEditForm, InventoryItemList and ItemDetails components
15:39 Amending the prisma module to accommodate itemType
17:34 Continuation of InventoryItemEditForm, InventoryItemList and ItemDetails components explaination
1:12:13 Working with Routes API Endpoints to handle CRUD Operations
1:40:39 Explaining the difference between routes, route.js and [id]route.js