MERN for e-commerce? - reactjs

I am trying to learn how to build an eCommerce store with 2000+ products. My first quest was to pick a stack. Most google results suggest that the MEAN / MERN stack is the best for eCommerce. So, i started learning MongoDB NodeJS ExpressJS as well as CSS HTML and JavaScript. Then, it was time to choose between Angular and React. The choice was easy, most courses and tutorials i came across were using React. Once i started learning React i was introduced to the concept of SPA. Then i started researching and found that MPAs are considered a better choice for eCommerce which got me really confused. If MPAs are better than SPAs for eCommerce, why the internet is filled with MEAN / MERN suggestions as well as eShop building courses? Thank you!

[enter link description here][1]I think SPA library or framework (React, Angular) is suitable for E-Commerce website. Because it has very fast page load once you have loaded a site. Page load = higher conversion. We see a conversion point increase of 0.4% to 1.5% on SPA than MPAs.
Also, it reduces frequent page reloading. There is big community support for SPA frameworks and libraries as well.
However, you have to figure out how to make it SEO friendly by using something like NextJs (https://nextjs.org/) or Gastby (https://www.gatsbyjs.com/) for SSR (Server side rendering).

Related

React (CRA) + Ionic along side some static HTML Landing Pages

The Reason I need this is just for SEO purposes.
I have a book store app built with React and IONIC. Works great and my conversion rate increased a lot when compared with my Wordpress site. My problem is how Am I going to have a good ranking on search engines ?
I have and idea having a small robot rendering all book details pages. Just the detail pages for each book I have in the store, creating a site map with those pages and uploading them using SFTP along side my CRA application. I thought it was going to be easy host some html files along side my CRA + IONIC App, I think I was wrong.
Is it possible ?
ps: I am thinking like that because sounds like the easiest way to have some SEO.
Thank you

React VS NextJS for Django

I am still quite new to React, and I am currently working on a Django-React app. I read a bit about Next JS and it seems quite useful and interesting (especially for SEO), but I've heard various opinons about it. I am considering using it for the front end and rendering only.
Therefore I was wondering, would it be worth it to learn and implement NextJS (and re do some of the work I did with react), or is the effort to great for a minimal result? Will NextJS allow me to do more than react (in terms of SEO and rendering)? Does the complexity of a project really increases when implementing Nextjs + React-Django?
Lots of people are talking about NextJs and I was wondering if it was just "another framework" or really something more.
Have a good day
Nextjs is better for SEO as it renders server side and all the data can be indexed by search engines. IMO Nextjs is better because you are strictly using Javascript and it integrates very well with react. If you have good design patterns/reusable react components it will be very easy to integrate with Nextjs. The built in API feature is also very seemless. If you use Nextjs there is no need for Django.

React Js for complex ecommerce website development

We are thinking of remaking our more and more popular ecommerce website.
I am new to React, just went through some tutorials, read some articles on it. Learned about the use of React Native, React Render which wpuld probably be of use for eventual mobile apps and SEO improvements.
My question is if React is suited for such websites since it is mainly used to create SPAs. For ecommerce SEO is verry important, for obvious reasons, and React is not so good at this.
What would you suggest? Does anyone have experience with similar cases?
Please give us some advice on what we could use to make a complete and complex ecommerce website. What technologies/programming languages/framewors (even if other than React) should we use? Please suggest only modern technologies and libraries.
By the way, we are currently working with PHP and Yii framework.
General
At its base, React has nothing to do with SEO. It is just a way to build your web application through components (same as Vue or other frameworks).
Magento - a PHP shop system - is using React to render its frontend. You can find more on this special system in the Magento Community. See also the Documentation for Magento PWA.
Experience
What would you suggest? Does anyone have experience with similar cases?
PWA and storefronts with React/Vue/Angular are all very new. Everyone got the same problems. How to do SEO, synchronize data between storefront, APIs and the shop core system. Here's a list (to be continued).
SEO: how to work with URLs, manual URL redirects for products/cms/categories/...
SEO: Server side rendering is currently the best solution to handle googles crawler.
How to sync products, other data and especially the cart while or after beeing offline.
Extensions: How to integrate new or existing extensions which might already be installed in the conventional shop
...
Each community is trying to solve those issues. Every community learns from the other and if you choose a more or less active storefront, you should be good to go. But really keep in mind that (in my opinion) all of them are in alpha or beta state with a lot of changes you have to integrate into your own theme/extensions/etc.
Projects
Here are a few storefronts you can choose from. Most of them have an API you can adapt to support your own Shop system. I would go with a React storefront, because I found it the most readable solution and it has a huge community. But choose yourself.
Magento PWA Studio (React)
DEITY (React)
Front-Commerce (React)
Vue Storefront (Vue)
...

Should sites like ebay and amazon use frontend frameworks like angular js or vue js?

I'm thinking about upgrading my site. It's a trade place a lot like ebay.com.
My site is build in Laravel 5.1, but without any front-end framework. Because of that, I was wondering if it made any sense to use a front-end framework like angular js?
Pros and cons please.
I don't know that much about angular js, but if I convert my laravel application to fully obey the REST principles, i'm also well suited for building an iOS-app when that time comes???
http://tilsalg.dk - Link to my site
I don't know whether it is suitable to use angularjs for this purpose. The problem is as far as I am concerned, that website which are written in javascript (so angular) can not be indexed well by SEO's. I'm hearing a lot that Google can index it but I'm a little sceptical about this. For a trading website like ebay it's very important that the site is SEO optimized. Of course if you use REST principles you can always change the frontend and that is also the way to do it.

AngularJS for e-commerce project - is world ready or not yet?

I am preparing e-commerce project in AngularJS, but i have doubts.
SEO? Is it problem or not? If i know it is possible to have good SEO
with AngularJS with google,but what with others searcher engine?
I experienced many tools like tools for tracking users (how users
fill forms, what they do on sites etc.) doesn't work with dynamic
contents.
Is world ready for dynamic webpages like AngularJS or not yet? I am really not sure... do whole project in AngularJS or static pages...
Maybe some example of working e-commerce project, for example shop or something like that which SEO and users tracking are important? Good ready project is always good prove.
I just want be sure i wouldn't lose traffic from SEO and i would track and analyze users behavior on my sites. I am not really sure would i?
Ok , so what I can tell you from my experience with angular :
SEO is definitely a problem, but there is solutions out there (like https://prerender.io/ ). Is it enough for e-commerce ? I don't know.
We use google analytics in our (quite big) Angularjs project, it works (it's not as easy to install though, but some have contribute project that can help https://github.com/revolunet/angular-google-analytics )
[EDIT]
For Angularjs e-commerce exemple app you can look at the builtwith page :
https://builtwith.angularjs.org/
And use e-commerce tag.
One of the e-commerce site was :
https://www.hatch.co/

Resources