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)
...
Related
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).
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.
I have been playing with wordpress lately and I managed to deploy a simple page via a web hosting company (whc) with a domain name and everything. I love working with React and I am looking to understand how it would work in order to use WordPress with React. I played a bit with the ReactPress plugin and went through some ressources online but I am still unsuccesfull. From my understanding they are two main ways to do such a thing and I think I am mixing them up. I was wondering if there is a clear way to do so. Any info will be very welcome
There's a React framework for WordPress. You may check that.
https://frontity.org/ have a look
I have a client who needs a website for their restaurant done and I started work on it with Gatsby. I was however later informed that the client has a salsforce backend through which they offer functionality in which users can make an order online.
Now my questions is, is Gatsby still a good framework to work with? Will I run into any issues integrating salesforce into the website? Im a little worried as I know gatsby is famous for being a great static site generator and I could not find any evidence of anyone who has connected a salesforce backend to gatsbty
Your input is most valuable!
Should be totally fine! Gatsby is great for anything that is updated infrequently or only has a small amount of it that is updated. I think Gatsby is an awesome choice for making the restaurant a site especially since things like Salesforce or 3rd parties may even offer a widget/iframe for directly interfacing with their ordering system.
TLDR: If most of your assets are static, Gatsby is a great choice especially for freelance web devs/small businesses like stores/restaurants as it just only gives you the JavaScript you need to stay active (event listeners, etc) and compiles everything else into fast HTML5.
Hi I am attempting to build a largish website for my company & love to get some feedback on whether I am crazy or its a great idea. I am basically got the ok to go free rein, I guess as long as its going to have benefits (e.g performance, maintainability, scalability, re usability & SEO)
The way I am thinking of going about it.
Wordpress multisite (company has a handful of branches worldwide) e.g China, South Africa, US etc, so content needs to be tailored. Plan to use subdomains?
WP REST API - ability for reusable data across the websites and other blogging sites (scalability and performance) also the capability of browsing offline? http://themeshaper.com/tag/react/
AngularJS for routing/views/get-post requests or possibly React-router?
ReactJS for the view (performance and reusable components across all sites)
Most importantly - good for SEO (site is crawlable) which I believe ReactJS has that covered? ref: http://en.blog.altima.fr/seo/reactjs-seo/ but also whether I need prerender.io or other because of the routing?
Wondering how this will all work together and if theres any issues with the combination of these? Still also getting my head around if this needs to be setup as "Isomorphic" with a node server? (some more insight into this would be great also)
I have been inspired by the theme https://github.com/royboy789/angular-react-wordpress-theme
Thanks!
Not sure that mix of cool buzzwords (WP, Angular, React) is the good way to choose you technology stack. May be good ideas is to use Angular+Laravel, React+Laravel, Wp+HTML.
Considering SEO if you use Angular or React you just have AJAX-site. You can use prerender technique for your site. But recently Google stated that AJAX-crawl scheme is deprecated: http://googlewebmastercentral.blogspot.com/2015/10/deprecating-our-ajax-crawling-scheme.html . So may be there is no need to prerender your pages only for crawlers.