React Next.js MongoDB Multi User Blogging Platform 2024

Focused View

Ryan Dhungel

14:24:50

12 View

1. Getting Started

1. Getting Started.zip

2. Course Overview.mp4

02:14

3. Next Js Project Setup.mp4

11:34

4. Using Bootstrap CSS.mp4

04:00

2. Theming

1. Theme Context.mp4

14:05

2. Using Theme Context.mp4

06:37

3. Light Dark Mode.mp4

12:45

4. Navigation.mp4

08:55

3. Database

1. Mongo Atlas Connection String.mp4

06:53

2. Connect to MongoDB.mp4

03:54

3. ENV Variables in Next Js.mp4

06:56

4. Registration

1. Create User Model.mp4

09:57

2. Register API.mp4

09:54

3. Register Page.mp4

10:38

4. Register Form.mp4

05:05

5. Register Request.mp4

12:03

5. Login

1. Login using NextAuth.mp4

09:09

2. NextAuth Options.mp4

12:19

3. Access Logged In User Info.mp4

14:21

4. Loading Page.mp4

02:43

5. Custom 404 Page.mp4

01:20

6. Next Auth Middleware.mp4

13:46

7. Redirect Back to Intended Page.mp4

03:02

6. Social Login

1. Google Auth Credentials.mp4

09:06

2. Login with Google.mp4

05:33

3. Save Social Login User in Database.mp4

06:43

4. Additional User Info in Session.mp4

12:17

7. Authorization

1. Role Based Navigation.mp4

07:21

2. Admin Layout and Page.mp4

08:48

3. Role Based Page Protection for Admin.mp4

13:12

8. Deploy

1. Deploy to Vercel.mp4

11:51

2. Login with Google in Production.mp4

02:41

9. Author Dashboard

1. Protect Author Routes.mp4

04:52

2. Author Dashboard.mp4

10:05

10. Blog Editor

1. Blog Form Title.mp4

10:43

2. Blog Form Content.mp4

14:46

3. Editor Dark Mode.mp4

09:06

4. Preserve Blog Title and Content on Page Reload.mp4

05:42

11. Uploads

1. Signup to Cloudinary.mp4

04:20

2. Upload Image to Cloudinary.mp4

05:56

3. Image Resize and Upload.mp4

10:49

4. Trying Image Upload and Code Refactoring.mp4

10:29

12. Tags

1. Tag and Featured Image for Blog.mp4

07:15

2. Tag Create Component.mp4

06:03

3. Scrolling div for Tags.mp4

08:12

4. Blog Context.mp4

06:35

5. Refactoring Blog Form Component.mp4

03:53

6. Tags in Context.mp4

08:46

7. Tag Schema.mp4

03:20

8. Create Tag API.mp4

06:58

9. Tags GET and POST Requests.mp4

08:32

10. Display Tags.mp4

06:15

11. Filter Tags.mp4

06:04

12. Select Tags.mp4

07:30

13. Display and Remove Selected Tags.mp4

06:27

14. Add Featured Image.mp4

12:51

15. Add Author Info on Blog Create.mp4

06:07

16. Tag Delete Function in Context.mp4

04:32

17. Author can Delete their own Tag.mp4

09:14

18. Tag Delete API.mp4

07:45

19. Preserve Selected Tags on Page Reload.mp4

04:08

13. Multi Step Blog Creation

1. Preserve Image on Page Reload.mp4

05:45

2. Multi Step Form Blog Title.mp4

06:24

3. Multi Step Form Blog Content.mp4

04:49

4. Multi Step Form Tags Component.mp4

05:20

5. Multi Step Form Featured Image.mp4

08:24

6. Multi Step Form Review and Submit.mp4

10:37

7. Steps Nav Clickable.mp4

06:12

8. Tag Filtering Improvement.mp4

08:24

14. Blog Create API

1. Blog Preview Component.mp4

11:06

2. Blog Create API Request.mp4

06:39

3. Blog Model.mp4

06:31

4. Blog Create API.mp4

09:14

15. Blog Preview & Publish

1. Redirect back to Blog Create Step 1.mp4

07:02

2. Delete Tags Only if not Already Used.mp4

09:41

3. Using Query Params to Remember Current Step.mp4

10:19

4. Blockquote and Table Styling.mp4

07:10

5. Show Blogs Meta Information in Preview.mp4

08:42

6. Show Featured Image in Preview.mp4

10:43

16. Blogs List with Pagination API

1. Blogs List API.mp4

03:05

2. Blogs List API with Pagination.mp4

10:57

17. Blogs Display

1. Blogs on Home Page.mp4

05:09

2. Blog Card Component.mp4

09:51

3. Display Blog Excerpt.mp4

09:05

4. Generate Excerpt During Blog Create.mp4

12:40

5. Display Featured Image in Blog Card.mp4

04:36

6. Display Blog Tags, Author and Created Date.mp4

06:49

7. Emojis and Heading Styling.mp4

03:05

18. Blogs Pagination

1. Create Pagination.mp4

08:07

2. Pagination Previous and Next Links.mp4

04:08

3. Floating Transparent Pagination.mp4

04:02

4. Head Section Meta Content for SEO.mp4

02:26

5. Current User Helper Function Using Server Session.mp4

03:52

6. Make Author on Blog Create.mp4

07:21

19. Blogs List for Author

1. Blogs List API for Author.mp4

08:20

2. Blogs Page for Author.mp4

01:47

3. Fetch Author Blogs Function in Context.mp4

05:02

4. Author Blogs in View.mp4

09:40

20. Single Blog API

1. Pathname and Props for Dynamic Navigation.mp4

06:58

2. Fetch Single Blog API.mp4

07:08

21. Blog Update & Delete

1. Get Single Blog for Update.mp4

07:54

2. Blog Update Page.mp4

12:12

3. Blog Update API.mp4

08:33

4. Blog Update Request.mp4

10:00

5. Blog Update, Create and Local Storage Issue Fix.mp4

05:49

6. Blog Delete API and Request.mp4

07:29

22. Single Blog View & Metadata

1. Single Blog View Page.mp4

05:34

2. Display Single Blog.mp4

10:09

3. Blog Dynamic Metadata.mp4

04:19

23. Tags & Blogs

1. Tags List on Home Page.mp4

09:26

2. Clickable Tags.mp4

01:48

3. Tag with Blogs Page.mp4

08:28

4. Tag with Blogs Page.mp4

13:11

5. Whats Next.mp4

05:51

Description

Build Production Quality Full Stack Multi User Blogging Platform using React, Next.js and MongoDB (includes PDF).

What You'll Learn?

Learn React with Next Js
Learn Full Stack Web Development with React Next Js and MongoDB
Learn to Build Real World Multi User Blogging Platform
Learn Authentication, Authorization, Uploads, Emails, CRUD, Likes, Comments and more

Who is this for?

JavaScript Developers looking to build React Js Apps with Next JS

JavaScript Developers looking to build Full Stack Apps

JavaScript Developers looking to build Real World Multi User Blogging Project

What You Need to Know?

Basic Understanding of JavaScript

More details

Description
Are you ready to master the art of full-stack web development and create something extraordinary? Join us in this immersive Udemy course where you'll dive deep into React, Next.js, and MongoDB to build a dynamic multi-user blogging platform from the ground up.
What You'll Learn:
In this comprehensive course, you'll explore a wide range of topics to develop a robust and feature-rich web application. Here's what you can expect:
User Authentication & Authorization: Secure your application with robust authentication mechanisms and role-based authorization, ensuring data privacy and integrity.
Protected Pages & Routes: Implement protected routes and pages to control access and enhance the security of your application.
User and Admin Dashboards: Create intuitive dashboards for both users and administrators, providing insights and control over platform activities.
Social Login with Google: Enable users to sign in effortlessly using their Google accounts, streamlining the authentication process.
Forgot Password & Reset Password: Implement functionality for users to reset forgotten passwords securely, enhancing user experience and security.
Likes & Comments Functionality: Foster community interaction with features for users to like and comment on posts, creating an engaging platform for users to connect and share.
Sending Emails to Contact Author: Develop features to send emails for various purposes, such as contacting authors or notifying users about important updates.
Advanced CRUD Operations: Master the art of creating, reading, updating, and deleting operations, empowering you to build dynamic and interactive web applications.
Multi-Step Blog Creation: Guide users through a streamlined multi-step blog creation process, enhancing usability and user satisfaction.
SEO Optimization: Learn essential SEO strategies to boost your platform's visibility and attract more organic traffic from search engines.
Tags & Categorization: Organize content efficiently with tags and categorization features, allowing users to discover relevant content effortlessly.
Image Uploads & Management: Enable users to enrich their posts with captivating images through seamless image upload functionality.
Who Is This Course For?
Whether you're a beginner eager to kickstart your journey in web development or an experienced developer looking to expand your skill set, this course is designed to meet your needs.
Why Enroll Today?
Unlock the secrets to building powerful, production-quality web applications with confidence. Enroll now and embark on a transformative learning journey to master full-stack web development with React, Next.js, and MongoDB. Let's bring your ideas to life together!
Who this course is for:
JavaScript Developers looking to build React Js Apps with Next JS
JavaScript Developers looking to build Full Stack Apps
JavaScript Developers looking to build Real World Multi User Blogging Project

User Reviews

Rating

average 0

Total votes0

Focused display

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.