React Next.js Node API AWS – Build Scaling MERN Stack App

Master the art of building a highly scalable real-world project using MERN Stack for a new startup that will scale infinitely. I will demonstrate how you could launch a project that will have a solid architecture to grow in the future to be used by potentially millions of users.

Tech stack

• We will be using React and NextJS (React Framework) on the client side.
• We will build an API/server using Node Express MongoDB.
• We will use AWS services such as S3 for file storage, SES for sending emails, EC2 for cloud hosting IAM for Identity and access management Route 53 for domain management along with custom rules/policies.
• We will use Mongo Atlas as Managed Database Service in the cloud.

What we will build?

• Build a startup project inspired by a successful real-world app (discussed more in the lectures) where multiple users can log in and post/manage contents they submit.
• While building a similar project, we will add a few improvements to make it infinitely scalable and easier to maintain
• Aim for the low cost of operation and implement some functionalities to make it much easier, fun, and engaging for users to use.

Aim of the project

• Target millions of potentials users to use and engage with our app
• Users could be anyone.. who finds a course, video, or article online… likes it, and wants to share
• The links they share will also be available in their dashboard for updating/delete
• A user could be someone who is a content creator like me… instructors, YouTubers, blog and tutorial writers, book authors, etc
• Users will signup/sign in to our app to post/share/like the links/URLs
• Users will do this to get free traffic… get people’s attention… sharing links for free

Overview of the project

• Login/Register System
• Need a MongoDB that scales infinitely. We will use Mongo Atlas for this requirement.
• Need a massive storage system that scales infinitely to store user-uploaded image files. We will use AWS S3 (Simple Storage Service) for this requirement.
• You never have to worry about how to manage millions of user-uploaded files… let AWS take care of that! S3 pricing is the lowest in the market for storing an infinite amount of data that is readily available worldwide throughout AWS data centers globally.
• Need robust email service for sending emails to hundreds of thousands of users. We will use AWS SES (Simple Email Service) for this requirement.
• You never have to worry about how to send emails to millions and pay higher prices… let AWS take care of that! Their rate of SES is the lowest in the market.
• We will be using AWS EC2 (Elastic Compute Cloud) for hosting our backend NodeJS API and React/Next JS frontend, all within one instance.
• Keep the cost as low as possible by using AWS services for storage, email, and hosting.
• The biggest issues of scaling web apps are storage and database scaling. That part will be handled by AWS. So we as a developer don’t have to worry.
• We aim to enable just 1 or 2 developers to maintain the entire project and continuously grow in the future.

Clean simple and easy-to-maintain project architecture

• Extremely simple architecture that is easy to maintain and scale
• Separate backend API and frontend built with react/next for easy development, code maintenance, and deployment
• Keep the front as simple as possible
• Scenario 1 > You create a page in React to do a certain task. For example, it fetches the data from your API/Server and puts that data on the web page for the user to see. Job done.
• Scenario 2 > You create an admin page to create a new post. For example, post the data to your API/Server and show the returned response of either success or error. Job done.
• Keep the backend API as simple as possible
• Scenario 1 > You have a GET route. For example ‘/api/posts’. You will receive a request from react/frontend for getting all posts from the database.
• You pass this request to a controller method. The controller method/function will make a query to the database, get all posts, and return to react/frontend. Job done.
• Scenario 2 > You have a POST route. For example ‘/api/create/post’. You will receive data from react/frontend to create a new post. You pass that data to a controller method.
• The controller method/function will save that data in the database and return the successful response, which will be sent back to react. Job done.
• This is the logic of our app or any web app out there. The cycle of requests/responses. Request from the front end, Response from server.

Are you ready for this course?

• If you are looking to utilize your existing knowledge of react and node to build a real-world app that scales then this course is for you.
• Based on this project you can build that next big thing that you have always dreamed of. Or you could be using this knowledge to help startups kick off their successful business ideas. The possibilities are endless.

The dream is a dream unless you put an effort to make it real. Make your effort by taking this course. I will help you turn your dream into reality. Join me in this course and make it happen!