React Node FullStack - Multi User Blogging Platform with SEO [Video]
-
Free ChapterCourse Introduction
-
Node API Setup
-
User Signup Signin
-
React with NextJs
-
Frontend Signin Signup
-
Protected routes for Admin
-
Categories API
-
Tags API
-
Categories and Tags - Frontend
-
Blog API
-
Frontend Blog
- Blog create page setup
- Blog create action and imports
- Blog create form
- Quill modules, event handlers and localstorage
- Show categories and tags in checkbox
- Toggle categories check uncheck
- Publish blog
- Blog published message
- List all blogs
- List all blogs categories and tags
- Read and delete blogs
- Blog update
- Show blog photo
- Blogs page
- SSR blogs page with getInitialProps
- Show blog categories and tags
- Show blog image
- Show all categories and tags
- SEO head section for blogs
- Load more blogs
- Show Single Blog
- Single blog with fullwidth image and content
- Single blog head section for SEO
-
Related Blogs
-
Admin Blogs Update Delete
-
Categories Tags and SEO
-
Blogs Search
-
User Public Profile
- User public profile backend
- Public profile page setup
- User public profile page
- Click blog author name to view profile
- User profile update and photo backend
- Profile update actions and page setup
- Profile update component setup
- Update user profile
- Profile update errors validation messages and user photo
- Update user in local storage
-
Creating Blogs by Authenticated Users
-
Token Expiry and Disqus Commenting System
-
Sending Emails with Sendgrid
-
Password Forgot and Reset
-
Account Activation on Signup
-
Social Login with Google
-
Google Analytics + Static Page
-
Deployment with Digital Ocean, Cloudflare and more
- Getting started with Digital Ocean
- Running backend and frontend in digital ocean part 1
- Running backend and frontend in digital ocean part 2
- Live server test - signup and contact form
- How to write SEO blogs - TIPS
- Admin user in live server
- Creating blog and updating profile in live site
- Pushing changes from local project to Github and live server
- Adding domain name
- Using Cloudflare CDN and free SSL
- Updating config endpoints to use actual domain
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
- Publication date:
- December 2019
- Publisher
- Packt
- Duration
- 20 hours 15 minutes
- ISBN
- 9781800206274