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 (SitecoreAI (XM Cloud) + Vercel)
- As a headless application connected to SitecoreAI (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!
