MERN Stack - The Complete Guide

Video description

The best resource for building amazing full-stack apps with MongoDB, Express, React, and Node.js

About This Video

  • Build full-stack apps with MongoDB, React, Express, and Node
  • Utilize the latest features of the JavaScript ecosystem
  • Create practical real-world apps from front to back

In Detail

Welcome to MERN Stack - The Complete Guide!

The MERN Stack is one of the most popular ways to build powerful, full-stack apps using MongoDB, Express, React, and Node (MERN).

This course is the best guide to mastering the MERN Stack, taking you from a total beginner to full-stack expert, capable of building your own impressive, fully-featured apps from scratch to deployment.

What's special about this course is that it gives you the best of both worlds: an extensive practical and conceptual understanding.

We cover all the essential concepts of the MERN Stack in-depth as we build a truly awesome full-stack app along the way.

Here are some topics of them:

  • Creating an entire Express API from scratch
  • Linking together React clients and the Express API
  • User authentication with JWT and cookies
  • Password hashing with bcrypt
  • Dynamically uploading images with Cloudinary API
  • Modelling database content with Mongoose schemas
  • Creating impressive UIs with Semantic UI React
  • Querying/mutating data with Mongoose
  • Tons of Mongoose methods/operators
  • Pagination with MongoDB
  • Validating requests in Node/Express apps
  • What HTTP status codes mean and when to use them
  • And much more...

Even if you're new to React or Node, you're in good company: you'll master every line of code that we write together.

No matter your skill level, this course has something for you. Whether it serves as the start of your next big project, your first production-ready MERN Stack app, or just a great addition to your developer portfolio, you won't want to miss this course.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Getting Started
    1. What Is the MERN Stack? 00:04:33
    2. Final App Preview 00:04:49
    3. What You'll Need for This Course 00:01:21
  2. Chapter 2 : Working with React + Next.js
    1. Getting Starting Files 00:02:03
    2. Intro to Next.js, Project Structure 00:11:17
    3. Create App Layout, Build Header 00:16:26
    4. Get Route Data from useRouter Hook, Create Active Links 00:03:56
    5. Visualize Route Changes with Progress Bar 00:05:12
  3. Chapter 3 : Creating API with Node + Express
    1. Intro to Node + Express with API Routes 00:17:04
    2. Fetching Data on the Server with getInitialProps 00:08:46
  4. Chapter 4 : Using MongoDB with Atlas
    1. Configure Mongo Atlas, Connect to Database 00:16:57
    2. Create Products Collection, Model Product Data 00:17:52
    3. Build Product Cards, Make Components Responsive 00:09:48
  5. Chapter 5 : Fetching App Data from API
    1. Get Product By Id 00:11:43
    2. Style Product Detail Page 00:08:51
    3. Base Url Helper 00:05:01
  6. Chapter 6 : Adding CRUD Functionality, Uploading Image Files
    1. Delete Product 00:19:15
    2. Create Product Form 00:23:43
    3. Upload Product Image, Post Product 00:20:59
  7. Chapter 7 : Handling Errors on the Client + Server
    1. Prevent, Catch Errors on Client, Server 00:22:39
    2. Structure Cart Page 00:06:52
  8. Chapter 8 : Authenticating Users with JWT + Cookies
    1. Build Login, Signup Forms 00:17:42
    2. Model User, Signup User with JWT + Cookies 00:23:52
    3. Validate Post Content on Server 00:05:11
    4. Add Login Functionality 00:08:47
    5. Create User Cart Upon Signup 00:07:26
  9. Chapter 9 : Authorization and Protecting Content
    1. Get Current User from Token, Protect Auth Routes 00:17:17
    2. Handle Invalid Auth Tokens 00:02:51
    3. Logout User, Protect Admin Routes, Hide Protected Content 00:09:29
    4. Universal Logout using LocalStorage 00:04:15
  10. Chapter 10 : Cart Management and Checkout
    1. Fetch User Cart 00:12:31
    2. Add Products to Cart 00:31:26
    3. Style Cart Products. Calculate Total 00:18:15
    4. Removing Cart Products 00:08:51
    5. Checkout Customer Carts 00:25:00
  11. Chapter 11 : Pagination + Managing User Roles
    1. Add Pagination for Product List 00:14:42
    2. Create Account Header, Order History 00:18:55
    3. Create Root User, Add User Permissions 00:13:20
    4. Change User Roles, Permissions 00:10:17
  12. Chapter 12 : Polishing our App
    1. Sorting in Mongoose, MongoDB 00:04:49
    2. Formatting Dates 00:03:23
    3. Cascade Delete upon Document Removal 00:05:31
  13. Chapter 13 : Live Deployment
    1. Deployment + Aliasing with Now 00:09:35

Product information

  • Title: MERN Stack - The Complete Guide
  • Author(s): Reed Barger
  • Release date: October 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781839217548