Magento Frontend Development

Magento Hyvä Migration Made Easy: Best Practices for a Smooth Transition

Hyvä is a modern Magento 2 theme developed to improve performance and page load speed. It is built using Tailwind CSS and Alpine.js - cutting-edge technologies that help reduce complexity and code size compared to ordinary Magento 2 themes.

The usage of up-to-date approaches for web development makes Hyvä flexible and easy to maintain. Moreover, it significantly enhances the user experience on the website thanks to streamlined page load times and smooth navigation.

Magento Configuration

How to Add Magento 2 Sort & Filter by Rating

It is essential for eCommerce stores to provide an effective sorting and filtering system, as it improves navigation and user experience on the website. Magento 2, by default, offers sorting only by Price, Position, and Product Name, but sometimes, this isn’t enough.

In this article, we will explore an option that can enhance the navigational functionality – sorting products by rating. This allows users to sort products based on the experiences of other buyers, which significantly increases confidence and speeds up the purchase decision.

Programming

How to Render Multidimensional Arrays Using Alpine.js Template Elements

Alpine.js framework has ample opportunities for manipulating data transferred from the backend to the frontend. This tutorial dives into the details of using Alpine to work with arrays of data.

What is Alpine.js?

Alpine.js is a lightweight JavaScript library that adds interactivity to your web pages simply and hurdlessly. This makes Alpine.js an ideal choice for projects that need interactivity without complexity. At the same time, it is a powerful tool for effectively working with data on the client side (user’s browser). This aspect simplifies the development process and improves user interaction with the website.

Magento Configuration

Magento 2 Gitignore File: How to Optimize & Add to Your Repo

Most developers have found Git an integral tool when working on any software development project, large or small. This version control system helps keep track of all code changes and creates an effective environment for the team to work on the same project simultaneously. However, as the project grows, keeping the repository clean and tidy with thousands of files becomes difficult. And here’s where the gitignore file comes into play.

This tutorial describes a workflow for skipping unnecessary files and folders while storing the Magento 2 eCommerce platform in the Git repository. Due to common rules, these instructions apply to any other system.

Web Server Configuration

How To Configure Varnish Cache with Apache Reverse Proxy and SSL Termination

In this guide, we will show you how to install and configure the Varnish cache for the Apache webserver with SSL termination. One limitation of Varnish Cache is that it is designed to accelerate HTTP, not the secure HTTPS protocol. Therefore, some workarounds must be performed to allow Varnish to work on SSL enabled website.

Magento Setup

How to Install Magento 1

In this tutorial, we will be installing Magento Community Edition v1.9.4.5. This is the last official release of Magento 1 created by Adobe back in May 2020. This Magento 1.9 installation guide can become handy for those developers who are assisting Merchants in migrating their stores to Magento 2 or simply for adding new features to existing Magento 1 installation.

Magento Setup

How to Install Magento 2.4 + ElasticSearch + Varnish with Docker

The following guide is our second tutorial dedicated to Magento installation with Docker. Whether you are just starting with Magento or a seasoned developer, you should be able to install Magento 2.4 in less than 30 minutes after reading the next simple eight steps.

In this guide, we will be using the free Visual Studio Code editor with VSCode .env syntax highlighting extension and new Windows Terminal.

Magento Performance Optimization

Comparing Core Web Vitals of eCommerce Platforms: Shopify, Wix, Squarespace, Magento, and WordPress

Development teams behind Shopify, Wix, Squarespace, Magento, WordPress, and others started to apply best practices to improve their platform speed and performance. This article will compare the best and worst-performing eCommerce platforms in every Core Web Vital category and advise which platform to choose for your eCommerce business.