Next.Js 14 Charity & Crowd Funding App

| Size: 683.46 MB[/center]
| 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 jаvascript 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






Free search engine download: Udemy - Next js 14 Charity & Crowd Funding App 2023-12