Next Js 14 Complete Course 2024 | Master Server Actions From Scratch (Blog Module) With Prisma ORM🔥
Ғылым және технология
Complete Guide to Next Js 14 Course With Server Actions and Build and Entire Blog App without API but Just using Server Actions and Form Handing With Form Actions and Learn Server and Client Component and Routing, Caching, Nested Routing, Search Params, Dynamic Routing Etc. From Scratch With MongoDB as backend & Prisma ORM included.
🧑💻 githubcode: github.com/GaziAdib/nextjs14-...
Timecodes
00:00 Intro
05:03 - How Page is Structured
09:10 - Nodejs + Nextjs App Setup
11:38 - Nextjs Project Structure
17:33 - Navbar Component Setup
18:24 - Routing System
29:31 - Nested Routing
34:10 - Prisma ORM Setup
36:17 - MongoDB Setup
43:34 - Prisma Database Modeling
51:37 - Add Blog Using Server Actions
1:09:55 - Fetch All Blogs
1:21:29 - Blog Detail With Dyanmic Routing
1:26:40 - Image Optimization
1:34:04 - Update Blog Feature
1:52:29 - Realtime Search Feature
2:06:20 - Get Search Filter Data with Prima
2:10:47 - Ending and Update on Comment Module
Пікірлер: 30
I am watched around 10 courses but this is the best with all love from Egypt.
thank you
You’re truly amazing man!
@GreatAdib
4 ай бұрын
Tnx a ton bro keep supporting and share my videos 👊🏼 bro the next part is coming shortly as with 1 video you can’t learn everything ✌️
Thanks
Great ❤❤❤
❤
Greatest ❤️❤️
@GreatAdib
4 ай бұрын
Tnx a ton bro 😎 😍
❤❤❤
This is an awesome crash course
@GreatAdib
4 ай бұрын
Tnx a lot bro for supporting ❤️😎
Nice video. But I found an issue with the search functionality. It is case sensitive.
@GreatAdib
3 ай бұрын
Convert the query string into lowercase like query.toLowerCase()
@user-mj6vp2vf1n
3 ай бұрын
You can do it like this: const blogs = await prisma.blog.findMany({ where: query ? { OR : [ {title : {contains: query, mode: 'insensitive'}}, {category : {contains: query, mode: 'insensitive'}},
Please add Authentication & Authorization System.
@GreatAdib
4 ай бұрын
Yes i will be on next part 3
what about form validation
@GreatAdib
3 ай бұрын
It will come soon
@monyourbae
3 ай бұрын
ASAP bro@@GreatAdib
How to use API instead of Server Actions?
@GreatAdib
Ай бұрын
Tonight i will upload complete video on api routes
@mdsafikulislam9113
Ай бұрын
@@GreatAdib Thanks
@joscript7846
Ай бұрын
You can use axios make the component a client component
Pls upload images
@GreatAdib
15 күн бұрын
Yeah next video will be on file upload
2024 without typescript ?!
@GreatAdib
2 ай бұрын
Type script is trash it is definitely not developer friendly but if you want build any library or package you can use it but in a project it makes the codebase messy 😎
❤❤❤
@GreatAdib
4 ай бұрын
Tnx a lot keep supporting 😍