Learn to build a real-world multi-user blogging platform with SEO from scratch to deployment
Master the art of building real-world SEO web applications using the MERN (Mongo Express React Node) Stack.
In this course, you will learn to build backend API with Node, Express, and Mongo DB. You will learn to build a frontend web app with React and NextJs. You will also learn to build an SEO web app using NextJs (a framework for building production-grade React apps).
By the end of this course, you will have built a production-ready SEO multi-user blogging platform.
Ultimately, this course is your primary workshop for building full-stack MERN web apps with a detailed focus on Node React NextJs and SEO.
Please note: Basic understanding JavaScript or any other programming language, together with a basic understanding of React Js and Node Js are required to get the best out of this course.
All the codes and supporting files for this course will be available at - https://github.com/PacktPublishing/React-Node-FullStack---Multi-User-Blogging-Platform-with-SEO-1
About the Author
- 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
- Basic knowledge of Web Development required
- Front-end web development with React hooks and Next.js
- Build a practical real-world project running live on a server
- Build a public profile user page with a list of blogs and a contact form
- Build a multi-user system that can be scaled to build a marketplace app
- Deploy apps to Digital Ocean Cloud servers
User Signup Signin: Installing npm packages for auth and blog
Frontend Signin Signup: Saving user and token in cookie and localstorage
Frontend Signin Signup: Signout and conditionally showing nav links
Frontend Signin Signup: Homework - Redirect authenticated user from signin and signup page
Protected routes for Admin: Auth and admin middlewares – Backend
Protected routes for Admin: Protecting routes for auth and admin user
Protected routes for Admin: Homework - Show dashboard link in nav based on user role
Tags API: Homework solution - Tags create list read and delete
Categories and Tags – Frontend: Category read delete and messages
Categories and Tags – Frontend: Homework – Tags
Frontend Blog: Quill modules, event handlers and localstorage
Frontend Blog: Single blog with fullwidth image and content
Admin Blogs Update Delete: Update blog - Populate content in rich text editor
Admin Blogs Update Delete: Update blog - Show checked categories and tags
Categories Tags and SEO: Show categories with associated blogs
Categories Tags and SEO: Solution - Tags with all blogs and SEO
User Public Profile: Profile update errors validation messages and user photo
Creating Blogs by Authenticated Users: Auth user can update delete blog backend
Creating Blogs by Authenticated Users: Auth user can update delete blog frontend
Sending Emails with Sendgrid: Sending Emails with Sendgrid part 1
Sending Emails with Sendgrid: Sending Emails with Sendgrid part 2
Account Activation on Signup: Account activation email pre-signup
Account Activation on Signup: Signup user after successful account activation
Deployment with Digital Ocean, Cloudflare and more: Getting started with Digital Ocean
Deployment with Digital Ocean, Cloudflare and more: Running backend and frontend in digital ocean part 1
Deployment with Digital Ocean, Cloudflare and more: Running backend and frontend in digital ocean part 2
Deployment with Digital Ocean, Cloudflare and more: Live server test - signup and contact form
Deployment with Digital Ocean, Cloudflare and more: How to write SEO blogs – TIPS
Deployment with Digital Ocean, Cloudflare and more: Admin user in live server
Deployment with Digital Ocean, Cloudflare and more: Creating blog and updating profile in live site
Deployment with Digital Ocean, Cloudflare and more: Pushing changes from local project to Github and live server
Deployment with Digital Ocean, Cloudflare and more: Using Cloudflare CDN and free SSL
Deployment with Digital Ocean, Cloudflare and more: Updating config endpoints to use actual domain