{"id":2211,"date":"2021-09-28T07:56:19","date_gmt":"2021-09-28T07:56:19","guid":{"rendered":"https:\/\/prelive-new.opus.ee\/?p=2211"},"modified":"2026-02-19T16:09:53","modified_gmt":"2026-02-19T16:09:53","slug":"react-magento-2-a-look-into-building-apple-premium-reseller-ideals-new-e-commerce-platform","status":"publish","type":"post","link":"https:\/\/www.opus.ee\/en\/journal\/react-magento-2-a-look-into-building-apple-premium-reseller-ideals-new-e-commerce-platform\/","title":{"rendered":"React & Magento 2: A Look into Building Apple Premium Reseller iDeal\u2019s New E-Commerce Platform"},"content":{"rendered":"\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

Apple is synonymous with quality, and so are their Premium Resellers. As such, when one of the biggest Apple Premium Resellers in the Baltics and Nordics, iDeal, approached Opus with the task to rebuild their dated web-presence, it was clear that innovative approaches, the utmost focus on quality, and impeccable design were the words of the day.<\/strong><\/p>\r\n\r\n\r\n\r\n

iDeal approached Opus with a seemingly simple task: the old Magento 1 based web store had reached the end of its serviceable life, the design of the store needed an overhaul to meet Apple\u2019s guidelines, and as with any store in the modern era, maintaining outstanding SEO was paramount.<\/p>\r\n\r\n\r\n\r\n

Whilst the original idea was to simply migrate the old Magento 1 based store over to Magento 2, use it for both the back-end and front-end, updating the design along the way, it became apparent that it was not the most effective nor the most optimal thing to do. Instead, Opus\u2019 team decided on a novel approach where the back-end would remain with Magento, but the front-end duties would be handled by React.<\/p>\r\n\r\n\r\n\r\n

The reasons for this approach were plentiful, but alongside improved UX, speed, SEO options, and overall performance, was the option to later adapt the principles of headless e-commerce, where a single back-end system can be easily tied to several different front-ends.<\/p>\r\n\r\n\r\n\r\n

The use of React also enabled advanced prototyping, where all of the components could be created with React, reviewed and verified by the client, and then migrated to the build pipeline, as such giving the customer a clearer overview of what they\u2019d be actually getting, and as such slashing time-to-market and development costs, thanks to avoiding any miscommunication and costly unnecessary iterations.<\/p>\r\n\r\n\r\n\r\n

<\/p>\r\n\r\n\r\n\r\n

\"\"
iDeal’s new store design<\/figcaption><\/figure>\r\n\r\n\r\n\r\n

<\/p>\r\n\r\n\r\n\r\n

\u201cWhilst React is powerful, it has its limitations, especially given that we started to build this Magento-React combination at a time where nearly nobody had attempted it,\u201d said Tanel S\u00e4rgava, the project manager responsible for iDeal\u2019s new web store. \u201cThere were some growing pains along the way, especially related to maintaining search-engine positions post-migration, but our team managed to find the solutions.\u201d<\/p>\r\n\r\n\r\n\r\n

As with any large-scale web store, indexing, ever-growing product lists, and the vast amounts of data generated were also something to contend with. As such, Opus\u2019 team took several approaches with different pages: there are pages where React\u2019s only duty is to handle styles, and there are pages where React is used to its full potential.<\/p>\r\n\r\n\r\n\r\n

\u201cAt every step of the way, we kept in mind the underlying needs for the store \u2013 speed, SEO, design, and the ease of management,\u201d said S\u00e4rgava, and noted that thanks to Magento 2, iDeal\u2019s admin staff has seen a drastic drop in the amount of work that needs to be completed manually.<\/p>\r\n\r\n\r\n\r\n

\u201cWe set up new automations, new integrations, and Magento 2 itself is also leaps and bounds ahead of its predecessor when it comes to managing listings and everything related to them,\u201d said S\u00e4rgava. <\/strong>\u201cA good example is the new iPhones \u2013 with the old store it would have taken about a week to set everything up for the new release, with the new store the amount of time that has to be spent is reduced tenfold.\u201d<\/p>\r\n\r\n\r\n\r\n

All of this is achieved thanks to the use of a cutting-edge tech-stack and years of industry experience. \u201cThe database is based on MySQL, indexing is handled by Elastic, the front-end runs on React and the back-end is based on Magento 2 and PHP 7.4,\u201d noted S\u00e4rgava.<\/strong><\/p>\r\n\r\n\r\n\r\n

All of this means that iDeal is now able to offer its customers a more efficient, better-looking, and reliable shopping experience, whilst maintaining the option to update its store\u2019s functionality and design noticeably quicker, and cost-effectively than before, thanks to the use of React and Magento 2.<\/p>\r\n\r\n\r\n\r\n

\u201cIt\u2019s also worth noting that React, especially in case of projects where the use of it is a bit unconventional, is something that makes attracting new developers along the way a whole lot easier \u2013 expertise in Magento\u2019s front-end is not that common, but the option to use React in a way it really hasn\u2019t been used before is obviously attracting to experienced developers,\u201d added S\u00e4rgava.<\/strong><\/p>\r\n\r\n\r\n\r\n

iDeal\u2019s comment on Opus\u2019 work:<\/strong><\/p>\r\n\r\n\r\n\r\n

Extremely professional, proactive, and helpful team. They always manage to find the optimal solutions for all of the problems and development needs, and the quality of the work leaves nothing to wish for.<\/em><\/p>\r\n\r\n\r\n\r\n

Want to join our team? Take a look at our open positions.<\/strong><\/a>\u00a0We\u2019re looking forward to hearing from you!<\/p>\r\n\r\n\r\n\r\n

Can we help you as well? Get in touch with us!<\/a><\/strong> We’d love to talk.<\/p>\r\n\r\n\r\n\r\n

<\/p>\r\n","protected":false},"excerpt":{"rendered":"

Apple is synonymous with quality, and so are their Premium Resellers. As such, when one of the biggest Apple Premium Resellers in the Baltics and Nordics, iDeal, approached Opus with the task to rebuild their dated web-presence, it was clear that innovative approaches, the utmost focus on quality, and impeccable design were the words of…<\/p>\n","protected":false},"author":10,"featured_media":2206,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[53,54],"class_list":["post-2211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-ideal","tag-magento"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/posts\/2211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/comments?post=2211"}],"version-history":[{"count":7,"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/posts\/2211\/revisions"}],"predecessor-version":[{"id":4090,"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/posts\/2211\/revisions\/4090"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/media\/2206"}],"wp:attachment":[{"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/media?parent=2211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/categories?post=2211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.opus.ee\/en\/wp-json\/wp\/v2\/tags?post=2211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}