Скачать или смотреть Vasyl Gavryliuk - Sitecore Headless Software Development Kit for Astro

The goal is to present an alternative for building Sitecore Headless sites: Astro web framework.

The plan is to:

1. Review the current Sitecore headless development state
2. Describe what Astro is and why it may be a good fit with Sitecore
3. Demo the development with Astro

When you start building the Sitecore website in 2024, there is a 90% probability that you will choose Next.js. It skyrocketed in 2023 https://exdst.com/sitecore/statistics in the Sitecore world. And it looks like there are no alternatives to it.

Next.js is awesome. I enjoy working with it. Next.js Static Site Generation SSG with Sitecore revolutionized Sitecore development. But is it the best fit for all websites? Is it a silver bullet for web development? No, it is not. Next.js is a React framework. It depends on React. React is a library for web user interfaces. React fits well for interactive web applications. But, not every Sitecore website is a web application. The popularity of Next.js SSG proves it. You don’t need Next.js SSG if your website is a “web application”. If you need SSG then your website is probably just a “website” and you don’t need React for each component on a page. It means that we probably need to step back and choose the proper tool for building “websites”.

Here we come to Astro. Astro is a web framework for content-driven websites. A major part of Sitecore sites are content-driven. It could be a perfect match.

Astro has next benefits:

Speed - Astro is statically and server-rendered by default. It is hard to build a website with Astro which will be slow.
UI agnostics - There is a default components format .astro. But you still can use React, Vue, Angular, Svelte, etc.
Islands architecture - Islands optimize your website as no other web framework can. You can mix static, server-rendered, and client-rendered content in one page.
Easy to use - The Astro template engine is simple and looks like plain HTML.
Content-focused - Astro was designed for building content-rich websites.

We developed a fully featured JavaScript Software Development Kit (SDK) for Astro. It has all the features that the official JSS SDK for React/Vue/Angular has. It is production-ready.

https://exdst.com/posts/20231002-site...

It is not that hard to develop your own JavaScript Sitecore SDK for the framework of your choice. The core library `@sitecore-jss/sitecore-jss` will remain the same for all frameworks. The minimum required set of features will be components factory, placeholder, fields, and editing API.

https://exdst.com/posts/20230807-your...

A demo will include

Initialization of project
Creating(or editing existing) component