- 386
- 2 135 649
ZinoTrust Academy
Registrace 1. 12. 2016
Subscribe to this channel for tutorials on web design and development, mobile app development and lots more.
Fullstack NextJS Course - Invoice Manager - CRUD, Server Actions, Search, Pagination, Send Emails
NextJS Course: olink.to/nextjs
Coupon: CZcams
Learn NextJS 14 in this project-based course where we build an invoice manager tutorial.
Starter Template: olink.to/p/nextjs
------------- Timeline --------------
00:00:00 - Project Demo
00:03:46 - Project Setup
00:10:06 - Invoice Page Layout
00:20:12 - 4. Create Action Modal
00:24:15 - 5. Create Invoice Form
00:44:27 - 6. Connect MongoDB
00:47:37 - 7. Invoice Model
00:52:31 - 8. Create Invoice - Server Action
00:58:10 - 9. Get Error Message
01:02:00 - 10 Create Invoice - Component Logic
01:10:38 - 11. Get Invoices - Server Action
01:20:40 - 12. Get Invoices - Component Logic
01:28:43 - 13. Display Invoices
01:49:20 - 14. Pagination
20:05:00 - 15. Search Invoices
20:14:22 - 16. Delete Modal
20:28:59 - 17. Delete Invoice
20:32:45 - 18. Update Invoice - Server Action
20:36:49 - 19. Update Invoice - Component Logic
20:47:27 - 20. Send Email With Nodemailer
30:01:20 - 21. Create Dynamic Email Templates
Coupon: CZcams
Learn NextJS 14 in this project-based course where we build an invoice manager tutorial.
Starter Template: olink.to/p/nextjs
------------- Timeline --------------
00:00:00 - Project Demo
00:03:46 - Project Setup
00:10:06 - Invoice Page Layout
00:20:12 - 4. Create Action Modal
00:24:15 - 5. Create Invoice Form
00:44:27 - 6. Connect MongoDB
00:47:37 - 7. Invoice Model
00:52:31 - 8. Create Invoice - Server Action
00:58:10 - 9. Get Error Message
01:02:00 - 10 Create Invoice - Component Logic
01:10:38 - 11. Get Invoices - Server Action
01:20:40 - 12. Get Invoices - Component Logic
01:28:43 - 13. Display Invoices
01:49:20 - 14. Pagination
20:05:00 - 15. Search Invoices
20:14:22 - 16. Delete Modal
20:28:59 - 17. Delete Invoice
20:32:45 - 18. Update Invoice - Server Action
20:36:49 - 19. Update Invoice - Component Logic
20:47:27 - 20. Send Email With Nodemailer
30:01:20 - 21. Create Dynamic Email Templates
zhlédnutí: 5 677
Video
Fullstack NextJS Course - SupaBlog AI - AutoPost To Hashnode, Medium & Dev.to - (Course Presale)
zhlédnutí 268Před 21 dnem
Coupon Code: PRESALE Course Link: olink.to/nextjs
Mern Stack Master Bundle
zhlédnutí 1KPřed 4 měsíci
Bundle Course Link: olink.to/mern-bundle 🎓💻Bootcamp: www.techbootcamp.dev
Send Email With NextJS Using Gmail, Resend or AWS
zhlédnutí 829Před 4 měsíci
Source Code: olink.to/p/wKfmDtl 🎓💻Bootcamp: www.techbootcamp.dev NextJS Course Update: olink.to/subscribe All Courses: olink.to/courses
Mern Stack For Absolute Beginners + Task Manager App
zhlédnutí 1,4KPřed 5 měsíci
MERN Stack Bundle: olink.to/mern-bundle 🎓💻Bootcamp: www.techbootcamp.dev Get Course Updates: olink.to/subscribe All Courses: olink.to/courses In this course, you would learn MERN stack for beginners. Timestamp 00:00:00 - Intro 00:00:52 - MERN Stack Master Bundle 00:02:13 - What is MERN Stack 00:13:00 - Task Manager Demo 00:15:05 - Project Setup 00:19:18 - Create Express Server 00:27:03 - Create...
How To Use Tailwind CSS and Sass In React/NextJS 14
zhlédnutí 2KPřed 8 měsíci
Learn how to use Tailwind CSS and SASS in a React or Nextjs 13 Project 🎓💻Bootcamp: www.techbootcamp.dev ✅ MERN ECommerce Fintech Digital Wallet 👇 olink.to/shopito ✅ All Courses 👇 www.zinotrustacademy.com/courses ✅ Get a Discount on New Courses👇 www.zinotrustacademy.com/subscribe ✅ Twitter 👇 zinotrust
NEW COURSE ALERT - Ultimate Fullstack Template Course
zhlédnutí 730Před 9 měsíci
Course Link: olink.to/fullstack-template-course 🎓💻Bootcamp: www.techbootcamp.dev FREE React Template Course: olink.to/9XP5G
Ultimate React Template Course
zhlédnutí 1,4KPřed 10 měsíci
🎓💻Bootcamp: www.techbootcamp.dev Project styles: olink.to/p/react-starter-styles Full source code: olink.to/p/starter-template Advanced MERN Ecommerce Fintech Digital Wallet : olink.to/shopito 20% OFF Coupon: CZcams All Courses: olink.to/courses Timestamp 00:00:00 - 1. Project Demo 00:02:45 - 2. Introduction to the course 00:07:17 - 3. Project Setup 00:11:05 - 4. Home page 00:31:58 - 5. Redux T...
Advanced MERN E-commerce App + Fintech Digital Wallet
zhlédnutí 76KPřed 11 měsíci
This is an excerpt from the Advanced MERN E-commerce App Fintech Digital Wallet course. Use the link below to get the full course. 🎓💻Bootcamp: www.techbootcamp.dev Course Link: olink.to/shopito Starter Template: olink.to/p/shopito-template Shopito styles: olink.to/p/shopito-styles Get a discount on my new courses: olink.to/subscribe Course TimeStamp 00:00:00 - 1. Intro and Shopito Demo 00:23:49...
Advanced MERN Stack E-commerce Course (+ Fintech Digital Wallet)
zhlédnutí 1KPřed 11 měsíci
UPDATE ON: Advanced MERN Stack E-commerce Course ( Fintech Digital Wallet) 🎓💻Bootcamp: www.techbootcamp.dev Link: zinotrustacademy.com/shopito
Advanced MERN Stack Ecommerce Course (+ Fintech Digital Wallet) - EARLY ACCESS
zhlédnutí 3,8KPřed 11 měsíci
Course Link: zinotrustacademy.com/shopito 🎓💻Bootcamp: www.techbootcamp.dev Course Demo Timestamp 00:00:00 - Intro and Get discount coupon 00:01:31 - Core ecommerce functionality 00:03:56 - Shop page with filters 00:09:49 - Add discount coupon 00:10:17 - Pay with Stripe 00:11:24 - Order History 00:12:52 - Review product 00:14:41 - Pay With Flutterwave 00:16:18 - Pay With Digital Wallet 00:18:21 ...
How To Preview Image and Upload To Cloudinary - React Tutorial
zhlédnutí 4,3KPřed rokem
🎓💻Bootcamp: www.techbootcamp.dev ✅ Source Code 👇 bit.ly/vite-starter ✅cloudinary.com ✅ Modern React Course 👇 www.zinotrustacademy.com/react ✅ Get my NEW SaaS Course👇 www.zinotrustacademy.com/subscribe ✅ All Courses 👇 www.zinotrustacademy.com/courses ✅ Twitter 👇 zinotrust zli.to/git-course
Tech BootCamp Promo Video - 2023
zhlédnutí 474Před rokem
✅ Tech Bootcamp 👇 🎓💻Bootcamp: www.techbootcamp.dev techbootcamp.dev
Stop Using React Like This!!! Do This Instead...
zhlédnutí 499Před rokem
Stop Using React Like This!!! Do This Instead...
Advanced MERN Stack Authentication Course
zhlédnutí 21KPřed rokem
Advanced MERN Stack Authentication Course
New Course Alert - Advanced MERN Stack Authentication
zhlédnutí 5KPřed rokem
New Course Alert - Advanced MERN Stack Authentication
MERN Stack Tutorial | #26 - What Next???
zhlédnutí 2KPřed rokem
MERN Stack Tutorial | #26 - What Next???
MERN Stack Tutorial | #24 - Push App To GitHub
zhlédnutí 23KPřed rokem
MERN Stack Tutorial | #24 - Push App To GitHub
MERN Stack Tutorial | #25 - Deploy MERN App To Render
zhlédnutí 46KPřed rokem
MERN Stack Tutorial | #25 - Deploy MERN App To Render
MERN Stack Tutorial | #23 - Complete Task & Get Task Count
zhlédnutí 1,6KPřed rokem
MERN Stack Tutorial | #23 - Complete Task & Get Task Count
MERN Stack Tutorial | #22 - Update a Task
zhlédnutí 878Před rokem
MERN Stack Tutorial | #22 - Update a Task
MERN Stack Tutorial | #21 - Display Task & Delete Task
zhlédnutí 784Před rokem
MERN Stack Tutorial | #21 - Display Task & Delete Task
MERN Stack Tutorial | #20 - Set Proxy URL & Get Task from Database
zhlédnutí 1,8KPřed rokem
MERN Stack Tutorial | #20 - Set Proxy URL & Get Task from Database
MERN Stack Tutorial | #19 - Save Task to Database
zhlédnutí 1,6KPřed rokem
MERN Stack Tutorial | #19 - Save Task to Database
MERN Stack Tutorial | #18 - Create Components & Task Manager JSX
zhlédnutí 1,2KPřed rokem
MERN Stack Tutorial | #18 - Create Components & Task Manager JSX
MERN Stack Tutorial | #17 - Create React App
zhlédnutí 1,4KPřed rokem
MERN Stack Tutorial | #17 - Create React App
MERN Stack Tutorial | #16 - Refactor out Routes
zhlédnutí 696Před rokem
MERN Stack Tutorial | #16 - Refactor out Routes
MERN Stack Tutorial | #15 - Update a Task (PUT vs Patch)
zhlédnutí 2,9KPřed rokem
MERN Stack Tutorial | #15 - Update a Task (PUT vs Patch)
MERN Stack Tutorial | #14 - Delete a Task
zhlédnutí 971Před rokem
MERN Stack Tutorial | #14 - Delete a Task
MERN Stack Tutorial | #13 - Get a Task From Database
zhlédnutí 760Před rokem
MERN Stack Tutorial | #13 - Get a Task From Database
tysm sir
but it causing color decorator not working too, anyone can help?
Can anyone tell me how to run the project i tried to npm install the dependencies but its always showing some error
Respect Man <3
is email verification included in this tutorial ? at what time ?
Why did you go to this long naa
So grateful!
can you create this project using mysql ?
Yes sir.
Which database your using
MongoDB
How are you throwing an error like that and how is the errorHandler handling that, can you give moer clarity because I'm not able to do it.
❤
nice one bro you are the best i am buying the course soon
Awesome, thank you!
Good to have you back, First time seeing your course using shadcn and tailwind, So happy cos i know you will always deliver🤗🤗🤗🤗. I need more of this
Zino Master, is this full course in this video or we need to purchase it for the full content??
Full course sir. But you can also check out my nextjs advanced course. olink.to/nextjs
NextJS Course: olink.to/nextjs Coupon: CZcams
what about the forntEnd ? please help me with front end .
Link in the description
bro it is not running in my vs code editor .Shows third party issues why i dont know
there is no video of making the header
There is, I just saw it wasn't arranged properly. Doing that now.
@@ZinoTrustAcademy The 14th video is not working
Please there is no roadmap of react js as indicated
Your web application isn’t reachable it’s says site can’t be reached
Thank you so much sir, your explanation is easy to understand and simple, I have watched many videos to make this, but your video is the most understandable
Very helpful :)
Thank you so much! Your videos are very helpful :)
You haven't posted the video yet. When are you going to post the video?
I will start uploading the videos today. The presale discount also ends today.
@@ZinoTrustAcademy I have made a payment and am already connected
the database connection was a little confusing for me
Where i can get full project
what did you use for backend please, nodejs or nestjs?
NextJS for both frontend and backend.
Coupon Code: PRESALE Course Link: olink.to/nextjs
Coupon Code expired ..! can you me the another coupon 😊
Try it now. It's only active for a few hours.
@@ZinoTrustAcademy It's registered, but it hasn't posted a video yet
@@ZinoTrustAcademyIt's registered, but it hasn't posted a video yet
Launching the course today. Will send you an email at launch.
Failed to send email 🥲
post Laundry booking app MERN STACK Video
the frontend please...
My hero! It's works fine after this video, Zino the GOAT
admob pe app verify ho gaya hai ,and app-ads.txt bhi verify ho gaya but app pe ads show nahi ho raha .
Legend man! Thanks a lot!!!!!
For anyone facing issue with cookies - First install cookie-parser using npm (npm i cookie-parser) - then use it as we do for a middleware in main server - then make changes to controller function where we do secure true just remove that we dont need it This will fix issue and works well in postman
Thank you . I will use gmail since it's free
Great tutorial, thanks
Hi, friend!!! Thank you very much for providing your knowledge for free. INFINITELY GRATEFUL!!! I already subscribed to your CZcams channel and follow you on GitHub. Greetings from Buenos Aires!!!
Who are you sir? You are amazing! All I can say is wow! 😲
Solved thanks
hey how to get coupan
Send me an email.
@@ZinoTrustAcademy what is your email
its incredible how it felt when the page switched to dark theme
Excelente contenido. Gracias.
thans for your perfect videos, i want to redirect vendor after add product to dashboard. vendor stay at product page after add or edit now. can you make a video for that also? thank you so much
thanks for the tip
project not working in frontend!!!!!!
Hey I am sending cookies from the backend but the client is not updating in the frontend
Can anyone give me valid links to the repo and resources?
is this project is only for backend, frontend is not designed in whole video?
thank u man!