Thursday, March 28, 2024

Install yarn on windows

 In this article, we will see how we can install yarn on windows.

First lets understand what yarn is?

Yarn is an established open-source package manager used to manage dependencies in JavaScript projects. It assists with the process of installing, updating, configuring, and removing packages dependencies, eventually helping you reach your objectives faster with fewer distractions.


  1. Start by enabling Corepack, if it isn't already; this will add the yarn binary to your PATH:

corepack enable

yarn set version stable // install the latest stable version

yarn install


Check version of yarn:


yarn --version

yarn set-version:


yarn set version:


Install the specific yarn version. for eg: 4.0.2 then run below command

yarn set version 4.0.2






Happy Coding!

Thursday, March 21, 2024

Set up local AEM SDK

 Adobe Experience Manager (AEM) can be run locally using the AEM as a Cloud Service SDK’s Quickstart Jar. This allows developers to deploy to, and test custom code, configuration, and content before committing it to source control, and deploying it to a AEM as a Cloud Service environment.


Follow  aem local setup, all steps remain same except AEM SDK jar file.

Download the AEM as a Cloud Service SDK


  1. Open Software Distribution portal.  Log in to https://experience.adobe.com/#/downloads with your Adobe ID
  2. Note that your Adobe Organization must be provisioned for AEM as a Cloud Service to download the AEM as a Cloud Service SDK.
  3. Navigate to the AEM as a Cloud Service tab
  4. Sort by Published Date in Descending order or search aem sdk in filters.
    Adobe Software Distribution Portal

  5. Click on the latest AEM SDK result row.
  6. Review and accept the EULA, and tap the Download button.

Extract the Quickstart Jar 

Unzip the downloaded aem-sdk-XXX.zip file

aem sdk- verion extract


You can see it has dispatcher in the same zip file.Ignore for now
Use cq-author jar for author setup. You can rename this jar to "aem-author-p4502.jar"

  • Create the folder ~/aem-sdk/author

  • Copy aem-author-p-4502.jar to author folder.
  • Extract jar by
    • java -jar aem-author-p-4502.jar
    • Provide admin password as "admin".
  • Access the local AEM Author Service at http://localhost:4502 in a Web browser

Setup Publish Instance


Follow same steps for publish instance. Jar name would be "aem-publish-p4503.jar" and extract jar by:

java -jar aem-publish-p4503.jar.

Access the local AEM Publish Service at http://localhost:4503 in a Web browser.


Note:You cannot start the AEM as Cloud Service Quickstart Jar by double-clicking.


Happy Learning!


Wednesday, March 20, 2024

Adobe’s Edge Delivery Services fires Digital Experiences

 

In today’s digital age, providing fast and engaging web experiences is a top priority for businesses. 

Content needs to be faster, more personalized, and globally scalable. Adobe Experience Manager (AEM) has long been a leader in content management systems, but with the introduction of Edge Delivery Services, it's taking content delivery to a whole new level. 

Let’s understand what Edge Service is.


What are Adobe Edge Delivery Services?

Adobe Edge Delivery Services, formerly known as AEM Franklin and also referred to as Project Helix or Composability, offer a novel way to publish AEM pages using Google Drive or Microsoft Office via SharePoint. 


Edge Delivery Services offers:

Fast Sites with High Performance: Create fast sites with a perfect Lighthouse Score and continuously monitor your site performance through real user monitoring (RUM).

Increase Authoring Efficiency: Increase authoring efficiency by decoupling content sources. Out of the box, you can use both AEM authoring and Document-based Authoring. As such, you can work with multiple content sources on the same website.

Built-in Experimentation Framework: Use a built-in experimentation framework that allows quick test creation, execution without performance impact, and fast release to production of a test winner.


How do Edge Delivery Services work?

The below diagram illustrates how you can edit content in Microsoft Word (document-based editing) and publish to Edge Delivery Services. It also shows the AEM publishing method using the Universal Editor.





Edge Delivery services is a composable set of services that allows for a high degree of flexibility in how you author content on your website. As mentioned previously,you can use both AEM content management with Universal Editor authoring as well as Document-based Authoring .

For example, you can use content directly from Microsoft Word or Google Docs. This means that documents from those sources can become pages on your website. Furthermore, headings, lists, images, font elements can all be transferred from the initial source into the website. The new content is added instantly without a rebuild process.

Edge Delivery Services uses GitHub so customers can manage and deploy code directly from their GitHub repository. For example, you can write content in either Google Docs or Microsoft Word and the functionality of your site can be developed by using CSS and JavaScript in GitHub. When you are ready, you can use the Sidekick browser extension to preview and publish content updates.

Usages:

Edge Delivery Services (EDS) in AEM can be employed in various ways to enhance the performance, scalability, security, and personalization of AEM websites. Here are some examples:

  • Create and publish content quickly and easily: EDS simplifies the process for non-technical users to create and publish content. Users can create a document in Google Drive or Microsoft Office and publish it to AEM with a few clicks.
  • Create personalized content: EDS can be used to generate personalized content for diverse user groups and audiences. For instance, a user could create a document with different page versions tailored to various geographic regions.
  • Create dynamic content: EDS can be harnessed to create dynamic content that adapts based on user input or other variables. For example, a user could create a document featuring a product catalog that automatically updates as new products are added.


How Edge Delivery Services is utilized ?

Team wise uses:


  • A marketing team can use Edge Delivery Services to create and publish blog posts, landing pages, and other marketing content.

  • A sales team can utilize Edge Delivery Services to create personalized sales proposals and presentations for individual customers.

  • A product team can take advantage of Edge Delivery Services to create dynamic product catalogs and other product-related content.

  • A customer service team can use Edge Delivery Services to create dynamic knowledge base articles and other customer support materials.

  • Organization wise use:

  • A media company employs Edge Delivery Services  to produce personalized articles for its readers, utilizing AEM EDS to recommend articles based on reader browsing history and interests.

  • A travel website employs Edge Delivery Services  to create personalized travel itineraries for users, suggesting flights, hotels, and activities based on their travel preferences.

  • A financial services company uses Edge Delivery Services  to craft personalized financial advice for its customers. The financial services company employs AEM EDS to recommend products and services based on customer financial situations and goals.

  • A healthcare website utilizes Edge Delivery Services  to generate personalized health information and services, recommending health tips and resources based on user medical histories and relevant factors.

Edge Delivery Services is a powerful set of tools in AEM that find applications across diverse industries and use cases, where fast, reliable, and personalized content delivery is critical to delivering a superior user experience and achieving business goals.

Take away:

Adobe Edge Delivery Services empower creators to effortlessly author content using familiar tools like documents and deliver it with exceptional page-speed scores as it provides perfect Lighthouse Score.

Refer Edge delivery service documentation here

Thursday, February 8, 2024

Magento 2.4.x setup:install problem : "the default website isn't defined. Set the website and try again."

 

In this article, We are checking if there is an issue related to database setup with below constraints:

  • Magento-2.4.x is alreay setup with composer files hence you have magento2 folder in htdocs of apache server.
  • database is already setup.
  • Database got corrupted due to any issue and you want to install db again because of some xyz reason.
  • You tried to run magento setup command and see below error.

Magento 2.4.4 setup:install problem : "the default website isn't defined. Set the website and try again."


If you will get this issue while setting up database with below command:

php bin/magento setup:install --base-url="http://yourname.magento.com/" --db-host="localhost" --db-name="magento2" --db-user="root" --db-password="root" --admin-firstname="admin" --admin-lastname="admin" --admin-email="user@example.com" --admin-user="admin" --admin-password="Admin@123456" --language="en_US" --currency="USD" --timezone="America/Chicago" --use-rewrites="1" --backend-frontname="admin" --search-engine=elasticsearch7 --elasticsearch-host="localhost" --elasticsearch-port=9200

Drop magento2 database and Go to your magento2 codebase and delete env.php file which has database information.

env.php file location: <Xampp-location>\htdocs\magento2\app\etc

Delete env.php

run magento setup command again.

Hope this helps!



Happy Coding!

Install yarn on windows

 In this article, we will see how we can install yarn on windows. First lets understand what yarn is? Yarn is an established open-source pac...