SXA vs. JSS: Ultimate Showdown

A presentation at Sitecore User Group Conference (SUGCON) by Anastasiya Flynn

JSS vs SXA: Ultimate Showdown

JSS vs SXA: Ultimate Showdown

Meet the Challengers

Meet the Challengers

Round 1 - Component Flexibility

Round 1 - Component Flexibility

Round 1 - Component Flexibility

Round 1 - Component Flexibility

Front-End Frameworks == Batteries Included

Front-End Frameworks == Batteries Included

Component Composition == Ultra Flexibility

Component Composition == Ultra Flexibility

Rendering Variants in SXA (DEMO)

Rendering Variants in SXA (DEMO)

JSS components can have "Variants" too!

JSS components can have "Variants" too!

JSS components can have "Variants" too!

JSS components can have "Variants" too!

Grid Framework & CSS (DEMO)

Grid Framework & CSS (DEMO)

JSS Starters are Fully-Loaded

JSS Starters are Fully-Loaded

OOTB starters are VERY customizable

OOTB starters are VERY customizable

Field-level Personalization (DEMO)

Field-level Personalization (DEMO)

Round 1 Summary

Round 1 Summary

Round 2 - Custom Components

Round 2 - Custom Components

Round 2 - Custom Components

Round 2 - Custom Components

Accelerate TTM with open source packages

Accelerate TTM with open source packages

Customization options in SXA

Customization options in SXA

Customization options in SXA

Customization options in SXA

Component Wizards in SXA (DEMO)

Component Wizards in SXA (DEMO)

Round 2 Summary

Round 2 Summary

Round 3 - Multisite Governance

Round 3 - Multisite Governance

Round 3 - Multisite Governance

Round 3 - Multisite Governance

Tenants and sites in SXA

Tenants and sites in SXA

Multisite scaling in JSS without SXA

Multisite scaling in JSS without SXA

Multisite scaling in JSS - Monorepo

Multisite scaling in JSS - Monorepo

Multisite scaling in JSS - monotree

Multisite scaling in JSS - monotree

Multisite scaling with SXA (DEMO)

Multisite scaling with SXA (DEMO)

Round 3 Summary

Round 3 Summary

Round 4 - Time To Market

Round 4 - Time To Market

Round 4 - Time To Market

Round 4 - Time To Market

SXA Accelerates TTM

SXA Accelerates TTM

The SXA Workflow

The SXA Workflow

Round 4 Summary

Round 4 Summary

Round 5 - External Data Integration

Round 5 - External Data Integration

Round 5 - External Data Integration

Round 5 - External Data Integration

Round 5 Summary

Round 5 Summary

Time To Announce The Winner!

Time To Announce The Winner!

What's this?

What's this?

JSS and SXA are teaming up!

JSS and SXA are teaming up!

Best of Both Worlds

Best of Both Worlds

Sharing Date Between SXA and JSS sites (experimental)

Sharing Date Between SXA and JSS sites (experimental)

Wrap Up

Wrap Up

Why not BOTH?

Why not BOTH?

Session take-aways

Session take-aways

So which one should you choose?

So which one should you choose?

Questions?

Questions?

Thank you!

Thank you!

Sitecore Experience Accelerator (SXA) and JavaScript Services (JSS) are the two premiere toolkits for developing robust solutions on Sitecore. Some people see them as rival approaches, but the two modules have been learning from each other, and lending innovation to each other, so in reality, they are partners.This session features demos site that put these modules head-to-head.

Sitecore’s Senior Technical Evangelist Mark Van Aalst represents team SXA, showing off the 🔥hot🔥new front-end developer workflow. Technical Front-end Evangelist Anastasiya Flynn represents team JSS, showing the pros and cons of building the same functionality using JSS.

The session will give you a better understanding of the different advantages that SXA and JSS bring to the table for both, developers and content authors, to solve the same problems. Additionally, you will learn a new ways to reuse content between SXA and JSS sites.

Video

Buzz and feedback

Here’s what was said about this presentation on social media.