SXA Showcase site with all components used

-
I was searching online to find any samples for SXA components usage, but I come know there is already a site implemented using almost all the SXA components, and this site is called SXA Showcase.
We can find this site from the following url (https://github.com/Cognifide/Sitecore.XA.Showcase) and download its source code to local and get your hands dirty J

Steps to configure this site to local:

  • ·         Install Plain Vanilla sitecore instance
  • ·         Install SXA and Sitecore Powershell
  • ·         Open the source code in Visual studio and restore all nuget packages that were missing
  • ·         Finally update the unicorn contents serialized path to your physical drive path where you have downloaded the source code in Sitecore.XA.Project.Showcase.User.config file.

Example: C:\SXAProject\SXA showcase\Sitecore.XA.Showcase-master
<?xml version="1.0"?>
<configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
  <sitecore>
    <sc.variable name="showcaseFolder" value="C:\SXAProject\SXA showcase\Sitecore.XA.Showcase-master" />
  </sitecore>
</configuration>
  • ·         Publish the site dll/config to the installed instance
  • ·         Now check your site is up and running without any error,once verified open Sitecore you could only the default sitecore content tree provided out of box,So its time to sync the content searlized by unicorn
  • ·         Open the following url http://yourinstancename/unicorn.aspx and click sync, This will update the instance with the content from : C:\SXAProject\SXA showcase\Sitecore.XA.Showcase-master\serialization folder
  • ·         Publish the content to web
  • ·         Now open SXA showcase site by using http://yourinstancename

Note:
This site is loaded using default website <sites> note, if we need to have different sites node we can add it in sites node.

The default <sites> node website is getting called because of the below configuration in sitecore ie) hostname is update to "*".



All the details we can check using SXA site manager






Site in live

Happy learning J


Comments

Post a Comment

Popular posts from this blog

Custom Item Url and resolving the item in Sitecore - Buckets

-
Image
I have a situation to update the Item URL to be SEO friendly as my items in content tree looks like below. In the above image in order to resolve the item, Sitecore will find the item from the below URL http://domainname/en/dine/nv/chicken but I need to form a URL that is more SEO friendly like http://domainname/en/chicken In Sitecore by Out of box, we can achieve this by using Aliases , we can create an Aliases under System à Aliases and in the Linked Item field select the target item. But this is very tedious as we need to go to every item in the content tree and create Aliases, instead of that we will be going to do it programmatically using custom pipelines. ·          Link Provider (Provides the custom URL for the item based on the templates) ·          Item Resolver (Resolves the item based on the custom URL generated by CustomLinkProvider , that we going to create later...
Read more

Fixing Sitecore Buckets folder path - Items created after 12 AM server time zone

-
Image
We are working on a 24/7 content publishing site, so it is important to have articles published on the correct date and time.  We are using Sitecore buckets to manage article items. In the Sitecore content tree, when the content author tries to look at the items created after 12 AM server time, the items are created under the previous day folder only,  but it is supposed to be created in the current day folder( ie. new bucket day folder to be created and the items to be added in this new day folder ). We have hosted the site in Azure VM in the UAE region. UAE is 4 hours ahead of GMT/UTC (UTC+04:00) so items created between 12 AM to 4 AM are always created under the previous day's folder, but when the item created after 4 AM is properly created under the current day folder in the content tree. Example: If the item was created on 2024 à 09 à 24 between 12 AM to 4 AM then still the item is made under the bucket folder of 2024 à 09 à 23 The created date and the updated ...
Read more

Sitecore Search - API Crawler with Edge Pagination

-
Image
Sitecore Search provides different ways to index the items from 3rd party systems with the help of Source Connectors. There are different types of Source Connectors available: API Crawler API Push Feed Crawler Web Crawler Web Crawler(Advanced) I have provided more details here about the different sources for crawling different types of documents to get indexed into Sitecore Search. In this article, I would like to share the details about API Crawler in more real-time querying data and adding to the index. We have a scenario where I need to index all the items along with their placeholder components based on a specific template that has a layout assigned to it. I decided to utilize the Experience EDGE GraphQL Query to get the data and index it to Sitecore Search. We can use this for non-layout items as well. This article covers the following: GraphQL - Layout Query with Components GraphQL - Item Query GraphQL - Item Query with Pagination GraphQL - Search Query with Pagination Graph...
Read more