Some reasons to build a website with MERN Stack: MERN Stack is a popular web development stack or technology, which uses MongoDB, Express.js, React, and Node.js to create a good quality website.
MongoDB: NoSQL database system, which is easily adjustable and scalable.
Express.js: Backend framework, which provides routing and middleware.
React: Frontend library, which is powerful and interactive for creating user interfaces.
Node.js: Server-side runtime, which creates servers using JavaScript.
Advantages of MERN Stack are:
Single language: Create frontend and backend using JavaScript, which increases compatibility and developer efficiency.
Since the front-end and back-end are one language, the connection is much better. And since the browser can run JavaScript, there is no need to convert or compile other languages. For this, the websites are more run time fast.
Scalability: Maran Stack is easily scalable, due to its MongoDB offering a scalable database system.
The downsides are:
Learning Essentials: Maran Stack takes almost too much time to learn. The MERN Stack website is expensive to maintain.
SEO Challenging: SEO optimization of React-based applications can be difficult. ( No need to worry that’s what Nextjs is for. Nextjs is a full stack library or server site rendering so doing SEO optimization is much easier, much better. )
There are 2 types of rendering of websites.
Server-Side Rendering (SSR): In SSR, the server generates HTML and sends it to the client. This earlier helps increase render speed and can help with SEO, but it depends on server response time.
Client-Side Rendering (CSR): With CSR, the server simply sends the idealized data, and the client’s browser edits the rendering. It provides a better experience but SEO can be complicated because search engines can’t see content before initial load.
If you have any questions, you can comment, I will try to answer each comment appropriately, Insh-Allah.
Top comments (1)
"There are 2 types of rendering of websites." Actually i have found a third - hybrid type (SSR+?). Create the page with full SSR and add extra parts of a page created by SSR added dynamic to an existing page by frontend (Javascript innerHTML)
Useful for an example when you select a "master" list line and view a "detailed" view. The detailed view can be added using innerHML without re-rendering the entire page.