DEV Community: Salman Siddique

Magento Maintenance Issues and their Solutions

Salman Siddique — Wed, 06 Apr 2022 14:49:00 +0000

Magento is one of the most popular and successful eCommerce platforms available. Because Magento is a feature-rich platform, it can be difficult to navigate, but if you know where to go, you can resolve the majority of Magento-related issues (Yes, a guide like this one).

Everyone meets issues when working with an e-commerce platform, and some of them are complex, while others may be simpler to resolve. Simply because you deal with a robust and complex platform like Magento does not preclude you from resolving the issue without the assistance of an expert.

Delete Cache

Certain Magento 2 users are experiencing issues with upgrading, and the frontend pages are not displaying the updates. The cache must be cleaned in order for Magento to use the most recent settings. Additionally, clearing the cache improves the website's performance.

Magento 2 - Slow Page Loading

Magento 2 is not designed to run slowly by default. If Magento 2 is operating slowly, there are several ways to speed it up. To begin, verify that your server and device requirements are current; utilize the most recent versions. Utilize fully optimized images, enable caching, and make use of extension-free features.

The following points can assist improve the performance of your Magento-based eCommerce website:

Reconfigure the JavaScript and CSS configurations
Magento must be updated to the newest version.
Varnish Cache Enable
Create flat categories and products to boost the database's read speed.
Establish a Content Distribution Network (CDN)
Optimize your photos and themes

Numerous inexperienced Magento users underestimate the performance of their Magento store, which results in lost prospective clients and conversion rates. If you want to increase the quality of your leads, it is vital to optimize your website's performance.

By enabling the Compilation option, you may significantly increase the speed of your Magento store. It would boost page load efficiency by 25% to 50%.

To enable the Magento Compilation feature, navigate to the admin area > System >Tools > Compilation > Run Compilation Process.

Setting Up a Blog on Magento 2

Magento 2 does not have any options for creating blogs, but a well-designed blog can help develop brand awareness and drive additional visitors to your website. It would be beneficial if you used Magento extensions to establish a blog for your website.

Magento Connect includes many extensions that will assist you in setting up a blog in a matter of minutes. For the same reason, Magento Blog – Community Version is one of the most popular free extensions.

After installing the extension, you'll notice an additional section called Blog at the top of your admin area. You can customise the blog's settings, add or remove posts, and create new ones.

CSS and Scripts 404 Error

When you see a 404 error in static resources for scripts and CSS, this can occur even when you are not in development mode; Magento 2 automatically produces symlinks for certain static resources. Go to app/etc/di.xml to solve the problem, and find the section called virtualType name=” developerMaterialization. Here, the element name=” view preprocessed “should be changed or removed. Change the content from

Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink

to Magento\Framework\App\View\Asset\MaterializationStrategy\Copy

Additionally, deleting the pub/static folders will remove all existing symlinks. However, exercise caution! Do not delete the .htaccess file.

No graphics are displayed after Installation

The route to the images and stylesheets may be incorrect as a result of a rewriting of an invalid base URL or an incompatible server. To begin, ensure that your static assets are correctly located (in the frontend and adminhtml directories under your Magento, install dir>/pub / static/). Then, search your Apache server's rewrite settings and your Magento website's base URL. AllowOverride must be set or the software will be unable to retrieve static files.

Furthermore, the magento setup: static-content: deploy command can be used in production mode to distribute static view files. Only the command is capable of operating in all modes up to Magento 2.2. However, beginning with Magento 2.2, you must include the -f key: magento setup: static-content: deploy -f if you wish to deploy it in development mode.

Enable permalinks that are optimized for search engines

Magento simplifies the process of enabling SEO-friendly URLs.

Login to the Magento Admin area.
Select the Configuration option.
Now, select "Web" from the left side.
Select the tab Search Engine Optimization and check the box labelled "Yes" for Use Web Server Rewriting.
Click on the "Save Config" button to enable search engine-friendly URLs in Magento.

How to Create a Contact Form on a Magento Website

Magento was built with contact form functionality in mind. Typically, a contact form link is displayed at the footer of your Magento site, but it may be added to any page in your web store.

Configure it using the procedures below;
Access the Admin area by logging in.
Pages > CMS Access
To edit an existing page or create a new one, click on the page you wish to update.

Now, using the WYSIWYG editor's HTML option, paste the following section:

<!– CONTACT FORM CODE BEGIN–>{block type=’core/template’ name=’contactForm’ template=’contacts/form.phtml’}<!– CONTACT FORM CODE END–>

For More Issues and their Solutions: 14 Magento Maintenance Issues [and their working solutions]

JAM v LAMP v MERN v MEAN Stack

Salman Siddique — Wed, 23 Dec 2020 13:50:29 +0000

At the heart of the stack, JAM is an acronym for the three main concepts: JavaScript, API, and Markup. But we need to dig a little deeper in order to find out what JAMstack is capable of, and how developers can use these technologies together to make for better experiences.

JAMstack refers, in practical terms, to web apps built using the following stack:

Javascript - The websites in the browser use Javascript as the runtime.

API - All processes on the server-side or database operations act as a custom-built, reusable API that connects to third party services.

Markup - When deployed, the HTML markup is pre-built.

Workflow of JAMstack

There is a decoupled building and hosting.
A page is requested by a user. The file is already compiled and will be served directly to the browser from the CDN.
Core updates are pushed via Git; the site is entirely re-built by modern development tools such as static site generators (Gatsby, Hugo).
Updates to content are pushed via Git or a static CMS site

Image Ref: synergytop.com - blog

LAMP

For Linux based environments, LAMP is the standard stack. The LAMP stack consists of a Linux operating system (L), an Apache Web server (A), a MySQL database layer (M), and a PHP scripting layer (P). The main challenge is the high learning curve with this stack. This increases the timeline for setting up a working app and can potentially contribute to performance and security issues for applications with concurrent users.

MEAN

This stack consists of a database (MongoDB-M), Express.js(E) for the web application backend framework, Angular.js(A), a web development frontend framework, Node.js(N), a JavaScript run-time setting. As you can see, MEAN is based quite a bit on JavaScript. For large, non-relational data sets, it is recommended, with a simple downer being the performance issues of JavaScript.

MERN

The stack consists of a database of MongoDB(M) documents, Express.js(E), which is a back-end application web application platform, React(R), which is a library of JavaScript user interfaces, Node.js(N), a JavaScript runtime setting. Similar to MEAN, MERN is JavaScript-based.

How is JAMStack Different?

Let's take a look at the other stacks and see how JAMstack manages its awesomeness in order to grasp JAMstack better. Before their development, developers used various methods to set up web sites and applications as such.

You have to wonder why we need another tech stack.
I have five easy explanations why you'd like to use JAMstack:

Better Performance:

JAMstack driven applications generate pages at deployment as they are mostly stored as markup and can be delivered over a CDN.

High Security:

Since they are all HTML files and CDN-served external API links, static websites have limited vulnerability potential. The risk of website attacks is significantly reduced by this simple design. It is simple to integrate SSL certificates, and JAMstack can also exploit the use of server-side microservice APIs to secure pages.

Fast Deployment:

Without the hassle of configuring and securing the databases, JAMstack websites can easily be deployed. Developers simply work quickly to get up and run static files.

Awesome Programming Experience:

The simplicity of using architecture and instruments is one of the most important advantages of using JAMstack. With only HTML, CSS, and JS, developers can build complex websites. Using site generators removes the need to maintain a separate stack for content and marketing.

Supportive Community:

Support for several features appears every day. The production of local community meetings is even more exciting. The online community is also amazing, too.

You can read more about what JAMstack is and how it is allowing the headless tech to thrive.
Published on Cloudways: What is JAMstack? How is it Enabling Headless Tech to Thrive?