![Sakura Dev](/img/default-banner.jpg)
- 78
- 1 062 061
Sakura Dev
United Kingdom
Приєднався 7 кві 2011
Hey, my name is Vahid Nejad and I am a Ph.D. Student on Software Engineering. In this channel, I will create videos about web development, JavaScript and Node.js.
By the way, Sakura is Japanese cherry flower and I like them.
Open to get involve in your web development projects.
By the way, Sakura is Japanese cherry flower and I like them.
Open to get involve in your web development projects.
CRUD In TypeORM | NestJS Full Course 2024 | Part 6
NestJS Full Course: CRUD with TypeORM Repository Pattern
Hey guys, welcome back to the NestJS full course! Today, we're diving into CRUD operations using the TypeORM repository pattern.
So, TypeORM gives us two ways to handle CRUD: query builder and repository pattern. This video focuses on the repository pattern. Basically, TypeORM creates a repository class for each entity in your database schema. This repository class is super powerful for doing CRUD operations, both simple and complex.
Let's break down CRUD:
Create: We'll see how to create a new property record in the database. We'll inject the property repository class into the property service and use the save function to insert a new property.
Read: We'll cover how to find one specific property and retrieve all properties. The find one function takes an ID parameter and searches based on that ID. The find all function grabs everything from the database.
Update: We'll learn how to update a property. We'll pass the ID of the property we want to change and the data that needs updating.
Delete: We'll see how to delete a property from the database. We'll simply pass the ID of the property we want to remove.
Heads up, in the next videos, we'll tackle creating relationships between tables and doing even more complex CRUD operations with TypeORM.
This description captures the key points as you encounter them in the video, making it more engaging for viewers who might be following along.
Join this channel to get access to perks:
ua-cam.com/channels/TKSxERKbrpQOTa7QjDPjZg.htmljoin
Hey guys, welcome back to the NestJS full course! Today, we're diving into CRUD operations using the TypeORM repository pattern.
So, TypeORM gives us two ways to handle CRUD: query builder and repository pattern. This video focuses on the repository pattern. Basically, TypeORM creates a repository class for each entity in your database schema. This repository class is super powerful for doing CRUD operations, both simple and complex.
Let's break down CRUD:
Create: We'll see how to create a new property record in the database. We'll inject the property repository class into the property service and use the save function to insert a new property.
Read: We'll cover how to find one specific property and retrieve all properties. The find one function takes an ID parameter and searches based on that ID. The find all function grabs everything from the database.
Update: We'll learn how to update a property. We'll pass the ID of the property we want to change and the data that needs updating.
Delete: We'll see how to delete a property from the database. We'll simply pass the ID of the property we want to remove.
Heads up, in the next videos, we'll tackle creating relationships between tables and doing even more complex CRUD operations with TypeORM.
This description captures the key points as you encounter them in the video, making it more engaging for viewers who might be following along.
Join this channel to get access to perks:
ua-cam.com/channels/TKSxERKbrpQOTa7QjDPjZg.htmljoin
Переглядів: 18
Відео
TypeORM | NestJS Full Course 2024 | Part 5
Переглядів 285День тому
Setting Up TypeORM for NestJS with PostgreSQL Learn how to effortlessly integrate TypeORM into your NestJS application and connect to a PostgreSQL database. In this comprehensive tutorial, Sakura Dev guides you through the entire setup process, from project creation to entity definition and database table creation. Key topics covered: * Understanding TypeORM and PostgreSQL * Creating a new Nest...
Dive Deep into Dependency Injection in NestJS | NestJS Full Course | Part 4
Переглядів 27414 днів тому
Dive Deep into Dependency Injection in NestJS (Part 4) Level up your NestJS skills with dependency injection! In this video, we'll explore dependency injection (DI), a powerful technique for building cleaner, more maintainable NestJS applications. We'll cover: - The separation of concerns: Learn how to move complex logic from controllers to services, promoting better code organization. - Invers...
Headers Access and Validation | NestJs Full Course 2024 | Part-3
Переглядів 27421 день тому
This video is part 3 of a NestJS full course and covers how to access headers and also headers validation in NestJS applications. we are going to create a custom decorator for headers validation.
Validation In NestJs (ZOD Included) | NestJs Full Course 2024 | Part-2
Переглядів 767Місяць тому
This video is part two of a NestJS full course and covers validation in NestJS applications, including using Zod. Here are the key points covered in the video: Transform Pipes: Used to automatically transform the type of request parameters or query strings. Examples include parseIntPipe to convert a string to a number and parseBoolPipe to convert a string to a boolean. Validation with Class Val...
NestJS Full Course 2024
Переглядів 1,5 тис.Місяць тому
This video is the first episode in a brand new series for beginners on Nest.js , a powerful framework for building Node.js APIs. In this episode, you'll learn: What Nest.js is and why you should choose it over Express.js The core concepts of Nest.js, including modules, controllers, services, and dependency injection How Nest.js applications are structured for clean and organized code This serie...
Stripe Online Payments In Next JS 14 - Full Guide
Переглядів 1,3 тис.Місяць тому
In this video we integrate stripe in our Next.js project for handling online payments. ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html ✅ Episode 3: ua-cam.com/video/5qCa91p-hTk/v-deo.html ✅ Episode 4: ua-cam.com/video/yQsJZfKc6Jg/v-deo.html ✅ Episode 5: ua-cam.com/video/q39Qx_oYHj4/v-deo.html ✅ Episode 6: ua-cam.com/video/mhZJiA9hDP0/v-d...
Search Bar With useDebounce - Next.JS 14 Full Stack Real Project - Part 9
Переглядів 2,3 тис.Місяць тому
In This video you will learn how to create a Search bar in server components of Next.js 14. We also use the Debouncing in Next.js 📖Chapters: 0:00 Intro 0:19 Create Search Bar Component 2:18 Put Search Params On URL 6:36 Searching with Prisma 11:04 Debouncing 13:30 Syncing URL and Search Bar ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html...
Pagination In Server Components - Next.JS 14 Full Stack Real Project - Part 8
Переглядів 1,1 тис.Місяць тому
In This video you will learn how to implement pagination in server components of Next.js 14 ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html ✅ Episode 3: ua-cam.com/video/5qCa91p-hTk/v-deo.html ✅ Episode 4: ua-cam.com/video/yQsJZfKc6Jg/v-deo.html ✅ Episode 5: ua-cam.com/video/q39Qx_oYHj4/v-deo.html ✅ Episode 6: ua-cam.com/video/mhZJiA9hDP...
Landing Page -- Next.JS 14 Full Stack Course With Real Estate Project - Part 7
Переглядів 354Місяць тому
In this video we are going to create the landing page of our full stack real estate project with next.js ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html ✅ Episode 3: ua-cam.com/video/5qCa91p-hTk/v-deo.html ✅ Episode 4: ua-cam.com/video/yQsJZfKc6Jg/v-deo.html ✅ Episode 5: ua-cam.com/video/q39Qx_oYHj4/v-deo.html ✅ Episode 6: ua-cam.com/vid...
Parallel And Intercepting Routes: Next.JS 14 Full Stack Real Estate Project- Part 6
Переглядів 6282 місяці тому
Hey Developers, In this video we will use parallel routes and intercepting routes of next.js to create a modal delete property page. Next.JS 14 course with full stack real estate project. ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html ✅ Episode 3: ua-cam.com/video/5qCa91p-hTk/v-deo.html ✅ Episode 4: ua-cam.com/video/yQsJZfKc6Jg/v-deo.ht...
Delete Property and useFormStatus: Next.JS 14 Full Stack Real Estate Project- Part 5
Переглядів 4702 місяці тому
In this video we will implement the delete Property task. ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html ✅ Episode 3: ua-cam.com/video/5qCa91p-hTk/v-deo.html ✅ Episode 4: ua-cam.com/video/yQsJZfKc6Jg/v-deo.html ✅ Episode 5: ua-cam.com/video/q39Qx_oYHj4/v-deo.html ✅ Episode 6: ua-cam.com/video/mhZJiA9hDP0/v-deo.html ✅ Episode 7: ua-cam.c...
Authentication and Authorization: Next JS 14 Full Stack Real Estate Project- Part 4
Переглядів 1,4 тис.2 місяці тому
In this video we will enforce the authentication and authorization on Edit Property Page. ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html ✅ Episode 3: ua-cam.com/video/5qCa91p-hTk/v-deo.html ✅ Episode 4: ua-cam.com/video/yQsJZfKc6Jg/v-deo.html ✅ Episode 5: ua-cam.com/video/q39Qx_oYHj4/v-deo.html ✅ Episode 6: ua-cam.com/video/mhZJiA9hDP0/...
Next.JS 14 Full Stack Project: Part 3 - Update Real Estate Property
Переглядів 8422 місяці тому
Hey developers, in this video you will learn a lot of stuff about creating a real-world full stack application with next.js 14, A Real Estate Project. ✅ Episode 1: ua-cam.com/video/DEhgtpMxuOQ/v-deo.html ✅ Episode 2: ua-cam.com/video/kRIhBJLhRu4/v-deo.html ✅ Episode 3: ua-cam.com/video/5qCa91p-hTk/v-deo.html ✅ Episode 4: ua-cam.com/video/yQsJZfKc6Jg/v-deo.html ✅ Episode 5: ua-cam.com/video/q39Q...
React Compound Pattern and Context API
Переглядів 7532 місяці тому
In this video, I'll be explaining React Context API with React Compound Pattern. The video starts with an introduction to compound component pattern. This pattern is useful when you want to create reusable components that can be nested. The video then dives into how to use React Context API with compound components.
Level Up Your TypeScript: as vs. satisfies vs. Type Annotations
Переглядів 4162 місяці тому
Level Up Your TypeScript: as vs. satisfies vs. Type Annotations
NextJS 14 Full Stack | Real Estate Project Clone | Part 2
Переглядів 1,6 тис.2 місяці тому
NextJS 14 Full Stack | Real Estate Project Clone | Part 2
Unlock the Power of Nested Types in Prisma (For Cleaner Code!)
Переглядів 6152 місяці тому
Unlock the Power of Nested Types in Prisma (For Cleaner Code!)
🔥 Build & Deploy a Real Estate App with Next Js 14 | Full Stack Project Tutorial [💻📱] Part 1
Переглядів 7 тис.3 місяці тому
🔥 Build & Deploy a Real Estate App with Next Js 14 | Full Stack Project Tutorial [💻📱] Part 1
Free Animated React Components for Next.js Projects
Переглядів 1,3 тис.4 місяці тому
Free Animated React Components for Next.js Projects
Seeding | Drizzle ORM Comprehensive Course | Part-8
Переглядів 3,3 тис.5 місяців тому
Seeding | Drizzle ORM Comprehensive Course | Part-8
Comprehensive Authentication Tutorial in Next.js 14
Переглядів 33 тис.6 місяців тому
Comprehensive Authentication Tutorial in Next.js 14
Data Validation on Next.js API Route Handlers with Zod
Переглядів 2,2 тис.7 місяців тому
Data Validation on Next.js API Route Handlers with Zod
How to Show Password Strength in React | Next.JS
Переглядів 1,3 тис.7 місяців тому
How to Show Password Strength in React | Next.JS
How to Send Emails In Next.JS 14 With Dynamic Templates
Переглядів 13 тис.8 місяців тому
How to Send Emails In Next.JS 14 With Dynamic Templates
Why I Believe This Is The Best UI Library For Next.JS 14
Переглядів 8 тис.8 місяців тому
Why I Believe This Is The Best UI Library For Next.JS 14
The Biggest Mistake in Server Components - Next.js
Переглядів 3,3 тис.9 місяців тому
The Biggest Mistake in Server Components - Next.js
Role Based Authorization with Next Auth + Google Provider + Prisma in NEXT.JS
Переглядів 16 тис.9 місяців тому
Role Based Authorization with Next Auth Google Provider Prisma in NEXT.JS
good job
nice, but what if backend have access and refresh token
That was a useful video! how can we add google and apple pay and cashapp ?
Great video. Just one note on the section about creating the login API... the function name should be "POST" not "Post".
Oh, Thanks for bringing that to my attention, I will fix it in the repo
Great job!! thank a lot, really helped me!!
Thanks a lot. Actually this was one of my first videos on UA-cam. I am really glad it is still helpful
why would i need 2 sign in page in my app?
We don't need 2 sign in pages. We just replace the first one
@@SakuraDev ohh alright thanks
24:07 I have only 1 doubt. When I am entering a wrong username or passowrd instead of showing the proper error message, it says "Server error There is a problem with the server configuration. Check the server logs for more information.'
Nice video! Only a question, when I save records, the relationship is correct with the first record but in the rest it appears as null. Any idea why that might be?
where is the git repo? thanks!
Okay, so I first want to thank you for the great videos, they're super comprehensive. But what on earth is with those database structures lol? I don't understand why the majority of drizzle tutorials use such unrealistic database structures: You've used the examples: - User > Profile (on to one ) - User > Post (one to many) - Post > Category (many to many) The only join you'd find in a real word db, is the User > Post relation. The User > Profile isn't really needed and I would recommend anyone from avoiding creating a join for something like Post > Categories since you'll end up with millions of rows after creating a few posts, and this set up will make it relatively complicated to ever change how you manage post categories or other tags in the future. Again: really great content, but I 'd suggest using more real life scenarios as people can relate to them much faster. I personally would have used: - User > userSettings (one to one) - User > Post (one to many) - User > Organization (many to many) (I personally don't think that doing a relational many to many is ever worth it unless the relation needs to contain additional columns. User > Organization needs additional columns to keep track of the userType, and can also hold columns for expirations dates, etc.)
Just opened the repo to see its goods and you can always tell the developer is going to be competent by looking at their choice of technologies used. Right on, bro
Thanks
Thanks mate, you didn't mention how to generate the refresh token automatically with each request with nextjs for example!
why is there no code suggestion in my vs code, 45:18 ? even though I have installed the prisma extension
Thank you…💯
Your welcome. 💓
thank you very very well
So nice of you
Good job 🎉🎉🎉
Thanks ❤️
Great 👍
Thanks a a lot 🙏🙏💖
why not prisma?
After TypeORM I will Create a comprehensive episode for integrating Prisma. So just stay in touch with this playlist.
Thank you @@SakuraDev
just awesome best content for prisma
Thanks for your support 🙏
Man, thank you so much, you solved a problem that I've been fighting with for a long time
I am really glad that it was helpful for you 🙂
Przemysław Klima nauczy się gotować
Please don't stop this course this time.
I don't, now I am recording the next episode
Custom error messages from auth.ts to client components login page
Will be covered in next update
Sir can you please provide theme name
Hi, It is bearded theme
A-Z Complete 😍 Thanks for your efforts on this series
Thanks a lot 🙏😊
I didn't find any info how to access the session from client components when using app router. Not even in the authjs docs... So glad I found this video! Thank you so much!
Really glad that it was helpful for you 🙂
It doesn't work in july 2024
I will update the video soon
Greate video , Thank you for sharing 🥰
Thanks a lot 🙏. You can also check out my latest Nestjs course playlist.
What if the access token expires? How do we handle that case? Suppose you try to access a user's post, but the token stored in the session has expired. We can handle that without interrupting the user flow. When the access token expires and the user tries to access their post, we already know that a refresh token is stored in cookies, which is HTTP-only. The server sets this token on login for a long time period. We can use the refresh token to get a new access token without the user having to log in again.
Theme name?
Hi It is bearded theme
Can i create more taɓles under the next auth schema
Great video but what about for consuming external nest.js REST APIs?
Amazing! Still working on July 2024
Didnt work for me...I did exactly the same thing the olny diferece is that I have another key that it`s not accessToken inside my user object and I can`t update it. But even when I try to change the accessToken like the video I can`t update it also...
Hi How can I invalidate an access token after a user logs out ? Currently, even after the user logs out and I delete the refresh token from the database, they can still make requests with their access token as long as it is valid.
prisma not suppot with client side
Excellent explanation 💯 thank you
Glad you liked it
First
Always First and BEST
Thank you boss, I really appreciate your method of teaching. God bless you for your dedication.
So nice of you
I was looking for a tutorial, not for a mayor! (brazilian meme to show how grateful I was for find this!)
So, I hope you like it 😉
tank you teacher
Thanks 👋
HI, On clicking loginlink btn componet in user panel it shows page not found, instead of directing me to kinde aurth page,how do i fix issue
Have you created an account on kinde?
is it okay to return role in refresh token with access token? how to handle role also?
Access tokens are meant to be short-lived and ideally shouldn't contain sensitive information like roles. If the token is compromised, an attacker could potentially gain access to the user's role. Instead, use a Separate Role Endpoint: Upon successful refresh token validation, return a new access token but on a separate endpoint, fetch the user's information including the role. This separates concerns and keeps access tokens lean.
how do you insert into this realtion?
hi, in this video I teach how to insert with many-many relations: ua-cam.com/video/5R2gem0GSmw/v-deo.html
@@SakuraDev cool
i'm grateful for your videos ! Its simple and fast explanation what I ever see about oauth2
Glad you like them!
❤Please Support me by subscribing to my channel 👉🏻www.youtube.com/@sakuradev?sub_confirmation=1
❤Please Support me by subscribing to my channel (Sakura Dev) 👉🏻www.youtube.com/@sakuradev?sub_confirmation=1
i have a question. if i want to have a generic component, let's say a grid. and the generic argument is the data that is passed to the grid which off course is a list of rows with each row having same columns. i want the child component, a grid column to bind to a particular column of the data. how is it possible?
Yes it is possible. here is an example: github.com/vahid-nejad/medical-evaluator-tooth/blob/main/src/components/elements/DataTable.tsx
is this app router tutorial or pages router? i can not understand, because u have both folders
This video was for the time when the app dir was not yet stable so we couldn't put the API dir in app dir. Please watch the latest version of this video through this link 🔗: ua-cam.com/video/g6S-XZxq9Ug/v-deo.html