SXA Compatibility and Installation: Tutorial 2

After some idea about SXA and their advantages in previous post, now we are going to setup SXA on our machine. But before installation it is good to know the compatibility with Sitecore and SXA versions.

Sitecore official shared SXA compatibility with Sitecore which i'm sharing here

To setup SXA with Sitecore, we also need compatible Sitecore Powershell Extension version. Below attaching images of compatibility with SXA and Sitecore Powershell Extension.

So let's start installation after choosing matching SXA, and SPE compatible version with Sitecore.

• First check License is SXA supportable or not?, if yes then go ahead with installation.
• After this continue with setup local instance with demosxa, and insure everything working fine before going with SXA
• Now it's time to install package of Sitecore Powershell Extension by downloading package from MarketPlace
• After Sitecore Powershell package installation, now it's time to install package for compatible SXA version.
• Sometime it take times to install SXA, so just chill and wait. And after successfully installation of SXA rebuild indexes.

Good Luck,

and in case of any issue. Let me know.

In coming post will start practicing using SXA...

What is SXA: Tutorial 1

What is SXA, why to use SXA?

Sitecore Experience Accelerator (usually known as SXA) is a new way of building websites on Sitecore. The goal of SXA is to create a Standardized set of page Layouts and reused across multiple websites.


Key points of Using SXA:

1. Out-of-the-box Component library

2. Out-of-the-box local data-source support

3. Extended Experience Editor (Drag & Drop)

4. Wire-frame design

5. Helix-based Architecture

6. Increase productivity by Working in parallel

For example : the content author can start entering the content in the wire-frame environment, while the front-end developer works on the theme and the developer sets up the data templates.


SXA uses the following concepts:

Toolbox
Toolbox make it easier to construct your page design and reusable renderings that you can drag and drop toolbox component onto your page.

Grid and Column Layout
SXA pages use a responsive grid layout and grid divide the pages into equal column by using row and column splitters. You can decide how to divide the available columns on page Desktop, Mobile, Tablet and Extra Large Device.

Pluggable Themes
SXA separates the structure (HTML) from design (CSS) to make it easier to change the design of the websites. Usually SXA use the themes like wireframe or use your own custom. A theme consist of style sheet, script, images, gulp, sass and fonts.


Page design and Partial designs
Partial design contain parts of a layouts that a website uses in multiple places like Header Footer use on all pages of website. A page design is the presentation definition for a page and consist of partial design and reusable renderings.

Creative Exchange
The Creative Exchange process is designed to facilitate several different teams working on a website or you can export a static representation of a site and send it to a creative agency to work parallel with other team.

You can export your site and produce a Zip file with all the wireframe and all page content. And Front-end-developer can work with the static HTML Offline. When the designs are ready then this Zip file is sent back to be imported again.


In coming post will continue with concepts and demo…