My new blog present here.

Featured Post

Insights into Sitecore Search: A Definitive Introduction

A key component of digital experience management is effective information retrieval. A simplified approach is required for websites, applications, and platforms containing a lot of material so that consumers can easily get the data they require. This need is met by Sitecore, a well-known name in the field of digital experience platforms (DXPs), which provides powerful and comprehensive search functionality. We will travel into the realm of Sitecore Search in this article, learning about its capabilities, architecture , and the enormous value it offers both developers and end users. Introduction to Sitecore Search    A headless content discovery platform powered by AI , Sitecore Search enables you to build predictive and custom search experiences across various content sources. To extract and ...
Post a Comment

What is Site in Sitecore Experience Accelerator (SXA)


What is Site in Sitecore Experience Accelerator (SXA) The Site item in Sitecore Experience Accelerator (SXA) will represent the actual site which would be accessible to outer world. The Site item present inside the Tenant item and all sites present inside the Tenant will share the same set of templates and other items, for example Page template:
 
        Sitecore Experience Accelerator (SXA) shared Templates for all Sites inside Tenant


 When you right click on the Tenant, you will find option to create site/site folder: 
Insert option for Tenant 
Site Folder: If you want to clubbed more than one site under one then you can use this option.
Site: Once you click on the Site, it will show you the dialog for creating the site:
 


                                         Sitecore Experience Accelerator Create Site Wizard
 General Tab:
   Site name: enter the site name which would be visible in content tree, e.g. corporate
   Host name: enter the host name which would be present in the IIS binding and Host file of your system.
   Leave rest of the options as default one.
   Features Tab:



  It will showcase the features/components/renderings grouping, which you wanted to show to Content Author at the time of adding content via experience editor and this concept is based on the Sitecore Helix principal. It means, group similar types of features under the one item/group.
 Theme Tab:

By default Wireframe would be selected and you can select Basic2 theme also but it would be common for all the websites, so as a best practice to create Site specific theme so that you can control the look and feel of the site without disturbing other sites, in simple words Separation of Concerns.
For creating new theme:
Select “Create new theme” check box.
Enter the theme name in the New theme name textbox, e.g. hrsitetheme

 SXA Tips: Please do not use hyphen "-"  character while adding the Theme name.

Grid Tab:
Out of the box (OOTB) Sitecore Experience Accelerator (SXA) providing the functionality to create Responsive web site on the basis of Bootstrap/Foundation/Grid 960 themes and all these themes help us to create Responsive web site. SXA supports a 12-column responsive grid. With this grid system you can design your page with one column/two column layouts as per your need without creating any physical layouts, which generally we will be creating in the normal sitecore development.
After providing the required details, it will create the site under your Tenant folder. Sometimes SXA site creation process will hang or take so much time, in those case you can open the site in new window and verify that Site item created under the Tenant or not and verify following items, before your development:
  • You will be able to open Page/Partial Design/Page Design in Experience Editor.
  • You will be able to select the placeholder and it will show you the “+ Add here” option:







  •  Also add one or more component and publish the site and verify the changes.
 
Useful articles:
  • https://doc.sitecore.net/sitecore_experience_accelerator/setting_up_and_configuring/configuring/create_a_tenant_and_a_site








Comments

Post a Comment

Popular posts from this blog

Sitecore GraphQL Queries

Image
This article will provide the details about Sitecore GraphQL queries usage and how it will be useful in creating Sitecore projects especially Sitecore JSS projects. The topics covered under this Sitecore GraphQL article are: •    Overview of Sitecore GraphQL (GQL) •    Setup GraphQL (GQL) in Sitecore •    Usage of Sitecore GraphQL (GQL) in Sitecore JSS •    GraphQL (GQL) Queries Usage         o   Get an item by path and show field id and name       o   Return the name and value from all fields       o   Get the values of Treelist or Multilist field type       o   Get the template field details with values of current item       o   Get the field values using Aliases       o   Return a specific field with Alias ...
Read more

Sitecore Experience Manager Cloud (XM Cloud) Building blocks

Image
Sitecore Experience Manager Cloud, or XM Cloud is a game-changing force in the field of digital experience management in the age of cloud computing. We must identify the fundamental components that make up this cutting-edge platform in order to fully appreciate its capabilities. Join us as we dissect the fundamental elements that make up the Sitecore Experience Manager Cloud (or XM Cloud) architecture and investigate how they work together to produce a dynamic, scalable, and customized digital experience environment. Sitecore XM Cloud Overview    The SaaS enterprise-ready , cloud-native CMS from Sitecore called the Experience Manager Cloud (XM Cloud) allows for the creation of content only once and delivers it to every channel for exceptional client experiences. Developers and marketers can q...
Read more

Configuring Sitecore Next.js Headless SXA Multisite App in a Sitecore Container

Image
Leading digital experience platform Sitecore offers strong capabilities for developing reliable websites and applications. The headless CMS and Jamstack architecture trends have been very popular in recent years. Sitecore provides Headless SXA (Sitecore Experience Accelerator) as a solution to decouple the front-end presentation layer from the content management capabilities since it recognizes the value of headless capabilities. In this article, we will guide you through the process of configuring a Sitecore Next.js multisite app and integrating it with Headless SXA in a Sitecore container. This setup allows you to leverage the benefits of Next.js, a popular React framework for server-side rendering, and the flexibility of Headless SXA for managing and delivering content. Table of Contents Step 1: Set Up the Sitecore Container Step 2: Add support for Sitecore SXA in Sitecore Headless Container setup St...
Read more