Sitecore Astro Verticals Demo Website

We are happy to announce the release of the new Sitecore Demo Website. We took the existing Sitecore Verticals Demo Website on Next.js and re-implemented it on Astro, which took us about two months of work.

What is included?

• Astro implementation based on Astro JSS SDK.
• Next.js implementation with minimal changes(only related to Docker) from Sitecore
• 42 beautiful custom components (React and Astro) - enough to build any site you can dream up
• Multisite support (3 sites ready to go, and more can easily be added)
• Multilingual (English, French-Canadian, and Japanese)
• Light and dark themes
• Single rendering host (with some magic to make it work for completely different sites)
• Custom component variants/styles
• Seamless integration with Pages
• Vercel integration
• 140 pages
• Performance testing scripts (Lighthouse)
• Automated UI testing scripts (Backstop.js)

How can you run it?

• On Sitecore Demo Portal (XM Cloud + Vercel)
• As a headless application connected to XM Cloud
• Locally on the Docker environment

Outcome

We implemented all existing Sitecore Verticals Next.js Demo functionality using Sitecore JSS Astro SDK. This demo proves the ability to use Astro as a framework for the headless part of Sitecore implementation. And it proves that Astro is faster for content websites! Also, the code of Astro implementation is simpler than React/Next.js. Stay tuned, there will be a lot of content, and follow us on LinkedIn to avoid missing it!