Web development teams use Sitecore Experience Accelerator (SXA) to speed up the production of websites and to reuse components, layouts, and templates across a variety of sites.
SXA separates structure from design, so front-end designers, creative designers, content authors, and developers can work in parallel and you can deploy and maintain multiple sites quickly and cost effectively. Once a basic user experience plan is in place, everyone can get started on the platform. For example: the content author can start entering the content in the wireframe environment, while the front-end developer works on the theme, and the developer sets up the data templates.
With SXA you can:
- Accelerate the delivery of sites using standard functionality with minimum-to-no CMS development.
- Enable different work streams to run in parallel.
- Assemble sites using responsive and reusable renderings.
- Use themes to enable brand consistency.
- Choose between different grid systems.
The following graphical overview lists the platform elements and how they are integrated.
SXA uses the following concepts:
- Grid and column layout
- Pluggable themes
- Page designs and partial designs
- Creative Exchange
- Share content and presentation
- Asset Optimizer
- Data modeling
To make it easier to construct your page, SXA comes with a toolbox with reusable renderings that you can drag and drop onto your page. The renderings vary from simple text and images, to videos, and social media plugins.
Grid and column layout
SXA pages use a responsive grid layout. The grid divides pages into equal columns. By using row and column splitters or by changing the grid settings of the renderings on the page, you can decide how to divide the available columns on your page.
SXA separates structure (HTML) from design (CSS) to make it easier to change the design of websites. To enable easy customization, SXA uses themes. A theme consists of style sheets, script, and images. You can add pluggable themes to SXA to enable changing the styling of a site quickly. Users can begin developing a site using the wireframe theme. When they finish a design, they can use Creative Exchange to import the new theme and re-skin the site.
Page designs and partial designs Creative Exchange
You can export a static representation of a site and send it to a creative agency to work with. The export file is a .zip that contains the site pages, the site assets, and the site theme. The agency can edit the exported site using their favorite tools and when they have finished, you can import the improved design back into the site.
You can also modify themes and other site content without having to import the files back into the site. Creative Exchange Live works with Gulp tasks that enable you to make changes to themes and other content and synchronize to the Sitecore environment immediately.
Share content and presentation
As well as sharing presentation and data sources between sites in the same tenant, you can also share pages. Sharing content as a delegated area lets you control the content from one central location in the content tree.
You can improve site performance by optimizing CSS styles and JS scripts with SXA's Asset Optimizer. When enabled in a production environment, the Asset Optimizer improves overall site performance by reducing the amount of data that needs to be transferred.