Published 12/2023
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 683.46 MB | Duration: 1h 10m
Build a real-time Charity and Crowd Funding App with latest technologies Next JS 14 , MongoDB , Sever Actions
What you’ll learn
Implement all Next JS 14 Latest Features including server actions
Implement strong authentication mechanism using Clerk authentication
Build scalable components using Ant Design UI Library
Using Tailwind CSS with the combination of Ant Design
Working with two different user roles (Administrator , Donor)
Admin will be able to create campaigns based on organizers request.
Admin will have access to delete , edit campaigns.
Users will be able see all active campaigns , make donations for them using stripe payment gateway.
Users can be able to filter campaigns based on the categories.
Users can also able to see all the donations they have done.
Users can view their dashboard data which includes recent donations , total amount donated.
Admin will be able to access the entire app data like all donations , total amount raised , all users etc.
Admin dashboard will have Campaigns count , donations count , recent campaigns and donations , total amount raised , active and inactive campaigns etc.
Requirements
Next JS Basics
Description
Hello, Welcome to the course Next.js 14 Charity & Crowd Funding AppCertainly, I’d be happy to elaborate on the features included in the Next.js 14 Charity & Crowd Funding App course.Implement all Next JS 14 Latest Features including server actionsImplement strong authentication mechanism using Clerk authentication Build scalable components using Ant Design UI LibraryUsing Tailwind CSS with the combination of Ant DesignWorking with two different user roles (Administrator , Donor)Admin will be able to create campaigns based on organizers request.Admin will have access to delete , edit campaigns.Users will be able see all active campaigns , make donations for them using stripe payment gateway.Users can be able to filter campaigns based on the categories.Users can also able to see all the donations they have done.Users can view their dashboard data which includes recent donations , total amount donated.Admin will be able to access the entire app data like all donations , total amount raised , all users etc.Admin dashboard will have Campaigns count , donations count , recent campaigns and donations , total amount raised , active and inactive campaigns etc.Next.js is an open-source, objective-coded framework for web developers created by Kotlin JS developers. It is used to create server-rendered React applications and can be used with modern JavaScript languages like TypeScript, GraphQL, and React components.Next.js allows developers to create web applications to a high standard with pre-built features such as routing, file-based routing, webpack dev server, hot module replacement, static exports, and code splitting.Next.js works well for building static sites and progressive web apps that are SEO-friendly, accessible, and fast.
Overview
Section 1: Introduction
Lecture 1 Setup Next App
Lecture 2 Setup Ant Design
Lecture 3 Overriding Ant Design Styling
Section 2: Authentication using CLERK
Lecture 4 Setup Clerk Auth – 1
Lecture 5 Setup Clerk Auth – 2
Lecture 6 Using Next Middleware
Lecture 7 Getting Logged In User Details
Next JS Developers
Password/解压密码www.tbtos.com