[MULTI] Full-Stack Next.Js 15 Course - Multi User Blog Platform

[jinkping5]

Full-Stack Next.Js 15 Course - Multi User Blog Platform
Published 6/2025
Created by Chaoo Charles
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Level: Intermediate | Genre: eLearning | Language: English | Duration: 105 Lectures ( 17h 54m ) | Size: 10 GB​

Learn Next.js 15 from the ground up by building and deploying a fullstack multi user blog platform (Like Medium or DEV)
What you'll learn
Learn how to build fullstack multi user blogging platform like Medium or DEV in Next.js 15, Typescript and TailwindCSS
Learn how to use the latest Next.js features like the App Router, Server Actions, Server Component and more
Create Complete Auth System Using Auth.js v5 - Email and Password Login, Continue with Google or Github, Email verification, Password reset and more.
Create Blog Editor Using BlockNote - Something similar to the Notion editor
Image Uploads - Upload, Replace and Delete Images.
Blogs' Comment Section - Comment on blogs and reply to comments.
User Profile - User details, user settings (update profile) and user blogs.
Create a Realtime Notification System in SocketIO
Requirements
HTML & CSS
JavaScript and React.js Knowledge
NO prior Next.js Knowledge is required
Description
We will use Next.js 15, TypeScript, TailwindCSS, Auth.js v5, Prisma, and more to build a complete full-stack web application from scratch.This course is project-based and perfect for developers who want to learn by building a real-world app. You'll gain hands-on experience by creating and deploying a blog platform, something similar to DEV or Medium, with modern tools and best practices.Features we will create in the course project:A complete auth system using Auth.js v5 - Includes credentials login (email and password), continue with Google or GitHub, email verification, password reset, and more.Block Note editor - A rich text editor inspired by Notion, with support for images, code blocks, and more.Blogs' paginations - Server-side pagination for improved SEO and performance.Dark and light theme modes - Seamless switching between themes.Image uploads - Upload, replace, and delete images.Blogs' reactions - Like and bookmark your favorite blogs.Search and filter - Filter blogs by tags and keywords.Comment system - Comment on blogs and reply to comments.User profiles - View and update user settings, and see authored blogs.Follow system - Follow and unfollow users.Realtime notifications - Powered by SocketIO.Admin dashboard - Monitor users and blogs.Deployment - Learn how to deploy your project to production.By the end, you'll have a powerful, modern blog app ready for the real world.
Who this course is for
React developers who would like to learn how create fullstack apps in modern Next.js ( app router, server actions and more)

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

 

[0dayddl]

11.21 GB | 52min 42s | mp4 | 1280X720 | 16:9
Genre:eLearning |Language:English​

Files Included :

Spoiler

1 -App Demo.mp4 (110.63 MB)
2 -Prerequisites.mp4 (6.61 MB)
3 -React vs Next js.mp4 (14.64 MB)
4 -Creating a Next js App.mp4 (48.41 MB)
5 -RootLayout and Homepage.mp4 (46.18 MB)
6 -Adding Google Fonts.mp4 (31.91 MB)
7 -The cn Function.mp4 (36.58 MB)
8 -TailwindCSS Intro.mp4 (49.83 MB)
1 -User Profile Server Action.mp4 (203.23 MB)
2 -Get User Blogs.mp4 (178.79 MB)
3 -User Profile Blogs Pagination.mp4 (65.13 MB)
4 -Edit User Server Action.mp4 (72.14 MB)
5 -Edit User Form.mp4 (207.92 MB)
6 -Edit User Email.mp4 (80.83 MB)
7 -Delete User Part 1.mp4 (162.47 MB)
8 -Delete User Part 2.mp4 (3.06 MB)
1 -Follow Prisma Schema.mp4 (73.95 MB)
2 -Follow API Route.mp4 (74.17 MB)
3 -Run Prisma Generate.mp4 (1.89 MB)
4 -Follow Button (Make API Request).mp4 (234.12 MB)
5 -List Followers and Followings.mp4 (200 MB)
1 -Notifications Schema.mp4 (78.68 MB)
10 -How To Run The Source Codes.mp4 (126.37 MB)
2 -Create Notifications.mp4 (147.43 MB)
3 -Get Notifications.mp4 (69 MB)
4 -List & Open Notifications.mp4 (167.62 MB)
5 -Mark Notifications as Read.mp4 (58.15 MB)
6 -Setup Socket Server.mp4 (176.79 MB)
7 -Send Notifications.mp4 (213.12 MB)
8 -Simple Admin Dashboard.mp4 (94.3 MB)
9 -App Deployment.mp4 (148.38 MB)
getCounts.ts (544 B)
email-verification.ts (846 B)
login.ts (1.65 KB)
password-email.ts (1.02 KB)
password-reset.ts (1.4 KB)
register.ts (1.29 KB)
bookmark-blog.ts (800 B)
clap-blog.ts (761 B)
create-blog.ts (800 B)
delete-blog.ts (511 B)
edit-blog.ts (892 B)
get-blogs-by-userid.ts (1.25 KB)
get-bookmarks.ts (1.64 KB)
get-published-blogs.ts (1.71 KB)
getblogbyid.ts (1.05 KB)
add-comment.ts (1.4 KB)
clap-comment.ts (812 B)
delete-comment.ts (646 B)
get-comments.ts (1.08 KB)
createNotification.ts (1.22 KB)
getNotifications.ts (2.72 KB)
markAsRead.ts (1.01 KB)
delete-user.ts (1.11 KB)
edit-user.ts (1.75 KB)
route.ts (76 B)
route.ts (98 B)
route.ts (1.54 KB)
auth config.ts (1.21 KB)
auth.ts (1.28 KB)
useDebounceValue.ts (392 B)
db.ts (480 B)
edgestore-server.ts (570 B)
edgestore.ts (272 B)
emailVerification.ts (1.41 KB)
passwordResetToken.ts (1.65 KB)
tags.ts (221 B)
user.ts (497 B)
utils.ts (166 B)
middleware.ts (1.3 KB)
page.ts (3.61 KB)
route.ts (8.55 KB)
route.ts (8.56 KB)
page.ts (3.66 KB)
layout.ts (3.6 KB)
page.ts (3.59 KB)
cache-life d.ts (5.73 KB)
next-env d.ts (211 B)
next config.ts (260 B)
routes.ts (329 B)
BlogSchema.ts (421 B)
CommentSchema.ts (296 B)
EditProfileSchema.ts (409 B)
LoginSchema.ts (268 B)
PasswordEmailSchema.ts (188 B)
PasswordResetSchema.ts (498 B)
RegisterSchema.ts (689 B)
tailwind config.ts (1.77 KB)
1 -Initial Setup.mp4 (82.4 MB)
10 -Adding Nested Layouts.mp4 (35.93 MB)
11 -Linking Pages.mp4 (59.97 MB)
12 -Push Code to Github.mp4 (39.11 MB)
2 -The Container Component.mp4 (26.6 MB)
3 -Theme Toggle.mp4 (86.63 MB)
4 -The Logo.mp4 (23.58 MB)
5 -Shadcn Intro & Search Input Style.mp4 (69.06 MB)
6 -Notifications Style.mp4 (67.03 MB)
7 -UserButton Style.mp4 (59.74 MB)
8 -Adding Pages & Nested Pages.mp4 (50.87 MB)
9 -Adding Dynamic Pages.mp4 (35.48 MB)
1 -Intro to Typescript.mp4 (89.76 MB)
2 -Reusable Input Component.mp4 (100.35 MB)
3 -The Login Form.mp4 (106.52 MB)
4 -Button Component.mp4 (82.54 MB)
5 -Heading Component.mp4 (28.26 MB)
6 -Social Auth Component.mp4 (25.49 MB)
7 -The Register Form.mp4 (96.03 MB)
1 -Setting Up Prisma.mp4 (28.55 MB)
2 -Creating a Postgres Database.mp4 (20.66 MB)
3 -User Schema.mp4 (44.71 MB)
4 -Register Server Action.mp4 (79.21 MB)
5 -Calling The Server Action.mp4 (86.89 MB)
6 -The Alert Component.mp4 (58.59 MB)
1 -Authjs Setup.mp4 (74.35 MB)
2 -Middleware.mp4 (51.83 MB)
3 -Protect Routes.mp4 (51.37 MB)
4 -Login User.mp4 (125.81 MB)
5 -Logout User.mp4 (20.99 MB)
6 -Redirect User.mp4 (19.92 MB)
7 -Update Session.mp4 (69.91 MB)
8 -Continue With Github.mp4 (60.67 MB)
9 -Continue With Google.mp4 (44.79 MB)
1 -Auto Verify Oauth Email.mp4 (22.56 MB)
2 -Customize Account not Linked Error.mp4 (34.45 MB)
3 -Generate Email Verification Token.mp4 (56.23 MB)
4 -Send Verification Email.mp4 (86.97 MB)
5 -Email Verification Page.mp4 (183.28 MB)
6 -Send Password Reset Email.mp4 (184.79 MB)
7 -Password Reset Form.mp4 (136.84 MB)
8 -Add User Role & UserId to Session.mp4 (98 MB)
1 -Creating Blog Form.mp4 (83.18 MB)
10 -Save Blog As Draft.mp4 (28.78 MB)
11 -Get Published Blogs.mp4 (59.78 MB)
12 -Style Blogs List and Details.mp4 (468.13 MB)
13 -Edit Blog and Filters.mp4 (510.61 MB)
2 -Setup Edgestore (Image upload in React).mp4 (80.64 MB)
3 -Upload Cover Image.mp4 (161.12 MB)
4 -Show, Replace and Remove Cover Image.mp4 (138.98 MB)
5 -Select Tags.mp4 (82.64 MB)
6 -BlockNote Editor.mp4 (212.52 MB)
7 -Set Editor Content to React Hook Form State.mp4 (96.3 MB)
8 -Show Blog Form Error.mp4 (26.51 MB)
9 -Publish Blog.mp4 (99.58 MB)
1 -Clap Blog Server Action.mp4 (57.71 MB)
2 -Optimistic UI Update.mp4 (129.66 MB)
3 -Bookmark Blog.mp4 (66.57 MB)
4 -Fix Navigation Issues.mp4 (90.46 MB)
5 -Bookmarks Page.mp4 (167.23 MB)
1 -Comments Schema.mp4 (101.13 MB)
10 -Delete Comment.mp4 (45.34 MB)
11 -Clap Comments.mp4 (111.56 MB)
12 -Show Comments Count.mp4 (28.68 MB)
13 -Delete Blog Part 1.mp4 (141.35 MB)
14 -Delete Blog Part 2.mp4 (23.43 MB)
2 -Comments Server Action.mp4 (100.03 MB)
3 -Comments Form.mp4 (219.65 MB)
4 -Adding Toast Message.mp4 (46.1 MB)
5 -List Comments.mp4 (115.13 MB)
6 -Comments Card.mp4 (27.32 MB)
7 -Comments Reaction.mp4 (119.25 MB)
8 -Add Replies.mp4 (59.4 MB)
9 -List Replies.mp4 (196.73 MB)

]
Screenshot

Spoiler

RapidGator

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

NitroFlare

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!