Spree Commerce v4.1.0 Release Notes

Release Date: 2020-02-28 // about 4 years ago
  • Major/New Features

    ๐Ÿ’ป Spree 4.1 comes with a completely new mobile-first ultra-fast Storefront which you can easily customize to your brand or business requirements. The new Storefront UI was open-sourced by Spark Solutions team built upon experiences from dozens of eCommerce projects. Special thanks go to Matthew Kennedy for helping out!

    Demo

    Try it for yourself, check out this fashion site demo: demo.spreecommerce.org

    Mobile-first Storefront

    ๐Ÿ“ฑ We've redesigned the Storefront UI from scratch for the mobile. Fully responsive layout with mobile and tablet devices in mind. We've implemented all the best practices making it pretty and useful for the end-users.

    iPhone, Android, iPad, desktop - no matter the device, the new storefront is ready to handle all of those, out of the box!

    Easy customization

    ๐Ÿ” The new Spree UX is fully customizable so feel free to tweak it to your needs: the overall styling (colors, fonts, roundings, borders), header, footer, placeholder images and text, SEO settings.

    To help you customize your eCommerce platform weโ€™ve prepared:

    ๐ŸŽ Blazing fast performance

    ๐ŸŽ Performance is one of the leading factors in eCommerce conversion rates and SEO traffic. It was one of our goals to reduce page views loading times and make the UI snappy and responsive.

    We've optimized both frontend and the backend. Eliminating n+1 queries, implementing full page caching, improving JavaScript evaluation time - it all resulted in amazing Google lighthouse scores, even on low performance hosting options and with poor mobile internet connections.

    This leads to more conversions , more organic search traffic , more sales and more market value brought to the business owners.

    ๐Ÿ” SEO and structured data

    ๐Ÿ” We've greatly improved SEO support by implementing JSON-LD and OpenGraph support. At the same time keeping in line with all the SEO best practices to make your storefront no 1 in search results.

    Turbolinks - single-page application without the hassle

    ๐ŸŽ Turbolinks makes navigating your web application faster. Get the performance benefits of a single-page application without the added complexity of a client-side JavaScript framework.

    Of course, you can still combine it with React, Vue or Angular!

    Easy migration path

    โฌ†๏ธ Just follow Follow 4.0 to 4.1 upgrade guide to upgrade your current store to the new UI.

    Contact

    ๐Ÿ‘ Feel free to reach out with questions or support requests,

    โšก๏ธ This new Spree UX will be improved and optimized even more. We very much welcome your feedback and suggestions.

    About Spark Solutions

    Spark Solutions

    โœ… Spark Solutions is a software development agency specialized in Ruby on Rails, Spree Commerce and Javascript development. Weโ€™ve been leading Spree open-source efforts since 2016 as its core team. We also do client work. Our project teams consist of UX and UI designers, Software Engineers, Testers and Project Managers practicing agile project delivery. Weโ€™ll integrate our team with yours to jointly architect, deliver, maintain and scale the software products you need. You drive the project with requirements and acceptance testing and we help you deliver faster using industry-standard project management and comms best practices.

    Installation

    โž• Add Spree gems to Gemfile

    gem 'spree', '~\> 4.1'gem 'spree\_auth\_devise', '~\> 4.1'gem 'spree\_gateway', '~\> 3.7'
    

    โš™ Run bundle install

    Note : if you run into Bundler could not find compatible versions for gem "sprockets": error message, please run

    bundle update
    

    ๐Ÿ‘‰ Use the install generators to set up Spree

    rails g spree:install --user\_class=Spree::User rails g spree:auth:install rails g spree\_gateway:install
    

    โฌ†๏ธ Upgrade

    โฌ†๏ธ Follow 4.0 to 4.1 upgrade guide

    Full Changelog

    You can view the full changes using Github Compare.