• Feb 26, 2025
  • 4 min

It's a big day for Magnolia frontend developers

FrontendImprovements_Blog

We’re continuously improving the developer experience, so you can focus on building great applications, not on repetitive setup and manual work. Today we're excited to finally unleash the new frontend goodies that we've been working on for months.

With CLI v5, a comprehensive new suite of Starter Headless Demo projects, and a new major version of our Frontend SDK, we’re making it easier to get started, work efficiently, and follow best practices without extra effort.

What’s new?

These updates help you jumpstart projects faster, integrate Magnolia more smoothly, and apply best practices with ease. Whether working with a headless or Freemarker approach, you can focus more on development and less on setup.

Let’s take a look at what’s new and how these updates help you build faster, and with less hassle.

Magnolia CLI v5 - a powerful tool for developers

Magnolia CLI v5 is designed to make development more efficient by automating repetitive tasks and simplifying setup. Whether you’re working with headless or Freemarker-based projects, CLI v5 provides a unified approach to managing components, pages, and configurations effortlessly.

CLI screenshot

How to get the most out of CLI v5?

  • Set up projects in seconds: Quickly create a clean and structured Magnolia project with minimal effort.

  • Generate templates and dialogs: Maintain a standardized and organized project structure effortlessly.

  • Automate repetitive tasks: Let the CLI handle common configurations and reduce manual work.

  • Extend with plugins: Customize the CLI functionality to fit your project’s needs.

  • Work with any project type: Supports both headless and Freemarker-based projects, so you can choose the best approach for your needs.

With features like jumpstart and modular plugin support, developers can set up projects faster, maintain consistency, and reduce manual effort. The plugin-based setup makes it easy to expand and adjust workflows to fit project needs. 

For an in-depth look at what CLI v5 brings and how it enhances development, check out our dedicated blog post.

All new Headless Starter Projects: get started with all the Magnolia best practices baked in

We’ve updated and aligned our Minimal Headless Demos to provide a consistent and structured starting point for headless development across frameworks. We call them "starters". Whether you’re building a single-page application or a server-side rendered app, you can now see how to integrate with the most popular Magnolia features in the framework that works best for your project.

Plus a snazzy new design. ;)

headless starter projects

Available Starter Projects

  • Angular

  • React

  • Vue

  • Angular SSR

  • Next.js

  • Nuxt

Each demo provides insight into how Magnolia works with different frontend frameworks. They include working examples of the key content management tasks in the visual editor. But they also showcase advanced features like Inheritance, internationalization, personalization and component autogeneration. Whether you are experimenting with Magnolia headless integration or using them as a starting point, these demos offer a solid foundation.

Frontend SDK v2 - support for the latest framework features

To make Magnolia integration with SPAs even easier, and to provide great support for the js frameworks, we’ve introduced new front-end libraries. These libraries streamline the way you fetch and render Magnolia content.

What’s new?

  • First class support for server side rendering.

  • Supports React Server Components and the Next.js App Router.

  • Supports dynamic components in Angular.

  • Supports Angular Signals.

  • Future-proof usage with Magnolia Context.

  • Plus improved readability and transparency of the frontend SDK code.

The Frontend SDK v2 are already included in the new starter projects, so you can test them out immediately.

Be part of the ongoing development

Magnolia CLI, Starter Projects, and the Frontend SDK are constantly evolving. Your feedback matters!

Have feature requests or feedback on CLI v5? Let us know at cli-feedback@magnolia-cms.com.

Built a custom CLI plugin? Share it with us - we’d love to feature it.

Would you like to stay up-to-date with our frontend innovations?

Subscribe to our mailing-list to receive the latest updates and stay informed about new releases to our CLI and other features.

Get started today

Try out the CLI, Starter Projects and the SDK in 5 minutes with just one command. Create a new directory and then:

Bash
 
1npx @magnolia/cli@latest jumpstart 
About the authors

Martina Michlova

Senior Front-End Solution Architect, Magnolia

Martina works as a Senior Front-End Solution Architect at Magnolia, focusing on modern front-end frameworks and headless solutions. She creates tools and resources that make it easier for developers to integrate Magnolia, build projects, and follow best practices. With a strong focus on developer experience and technical excellence, Martina is dedicated to helping customers succeed.

Christopher Zimmermann

Product Manager, Magnolia

Christopher is a product manager at Magnolia with an emphasis on developer experience & productivity. He helped introduce the ‘light development’ paradigm and is now focused on headless, hybrid headless and making integrations easier to implement. While trained in Physics in university, the buzz and wild west openness of software development drew him to a career as a programmer in product companies, creative web agencies, freelancing and startups. Christopher is an outdoors enthusiast who got started with backcountry camping in the USA, but is slowly getting the hang of finding a coffee and cake in a rustic hut at 3000+ meters altitude in the Swiss Alps.

Related articles

1/5