Exploring Xperience By Kentico: Introductions
Tags: xperience, aspnetcore, react, cms
Published: 2022-10-19 17:20:43

---
title: Exploring Xperience By Kentico: Introductions
published: true
description: Let's explore the new ideas and features in Kentico's next generation DXP product, Xperience by Kentico.
tags: xperience, aspnetcore, react, cms
series: Exploring Xperience By Kentico
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/petjnp1w4ru9o7blgjs3.jpg
---

> In this post we'll be exploring [Xperience by Kentico](https://docs.xperience.io/xp). A high performant and ASP.NET Core based Digital Experience Platform (DXP).

## 🧭 Starting Our Journey: What's a DXP?

Most developers are familiar with the term Content Management System (CMS) and might have worked with one at some point in their career 🙂.

CMS applications allow content managers to author and manage content (typically pages or media).

Digital Experience Platforms (DXP) are similar because they include content management features. However, they also include a key focus on the experience of visitors on a site and how they interact and engage with content and media 😮. This focus is supported through digital marketing and commerce features.

> Kentico has a good explanation of [the difference between a CMS and DXP](https://www.kentico.com/discover/dxp-hub).

## 🗺 Making a Path: Setting Up Xperience By Kentico

Now that we understand what a DXP is, let's look at how we can get started with Kentico's DXP - Xperience by Kentico.

First things first, if you want to follow along you'll need to setup Xperience by Kentico locally on your machine. Fortunately it's pretty easy 👏🏽!

The [setup documentation](https://docs.xperience.io/xp/developers-and-admins/install-xperience) is straight forward and driven entirely by .NET tooling we've come to love - the `dotnet` CLI and NuGet packages.

We will need a valid license during the setup process and we can acquire one by signing up for an account in the [Kentico Client Portal](https://docs.xperience.io/xp/developers-and-admins/install-xperience/licenses#Licenses-EvaluateXperience) and generating a new evaluation license (it's really simple!).

There's a full [developer tutorial](https://docs.xperience.io/tutorial/developer-tutorial/xperience-by-kentico-overview) which walks us through setup, configuration, content modeling, and page creation 🧠.

I've already created several demo projects and I can say with 100% confidence that this product is ready to explore and try (even if it doesn't have all the features we might need for production).

Some of the other Kentico MVPs have already [started](https://www.luminary.com/blog/xperience-by-kentico-technology-highlights) [exploring](https://www.luminary.com/blog/next-generation-xperience-by-kentico) and [building sites](https://www.goldfinch.me/blog/updating-to-the-latest-version-of-xperience-by-kentico/) on Xperience by Kentico!

## 🌍 Bridging Two Worlds: The Return of the Single Application

A big change in the overall architecture of Kentico Xperience applications came in Kentico 12 MVC, where the "Presentation" application (ASP.NET MVC 5) [was separate](https://docs.xperience.io/k12sp/developing-websites/mvc-development-overview) from the "Administration" application (ASP.NET Web Forms).

This separation allowed the Xperience product team to evolve the features of the [Page Builder](https://docs.xperience.io/k12sp/developing-websites/page-builder-development) quickly 🏃🏾‍♀️ without being limited by the Web Forms technology of the administration application.

This pattern continued with [Kentico Xperience 13](https://docs.xperience.io/developing-websites/mvc-development-overview), which now supports ASP.NET Core for the "Presentation" application while the administration application still runs on the well established ASP.NET Web Forms technology.

With Xperience by Kentico we have a return to the classic single-application architecture we're (maybe 🤷🏽‍♀️) familiar with from years past. Since the administration has been rebuilt using the same ASP.NET Core technology that the presentation (live) site uses, they can be combined into a single application 🙌🏼.

![Dancing Goat sample application code base project folder structure in VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0iac3uad969txbqyr1e3.png)

In fact, the administration application is delivered [as a single NuGet package](https://docs.xperience.io/xp/developers-and-admins/development/website-development-basics#Websitedevelopmentbasics-Xperienceadministration) 🧐 that can be added to your ASP.NET Core presentation application.

Not only is this a return to the convenient single-application model, but it's a far simpler architecture than any previous version of Kentico/Kentico Xperience 🤩.

This is great for developers because it speeds up their ability to build and test custom features, and deploy the application. This is also a win for administrators and marketers because the technology is simpler to understand and there are fewer prickly "gotchas" 🌵 with a single application.

### 🌞 Live Site Only Deployments

The single application deployment model is great for simplicity, but what about when we want to scale out the "live" site that visitors actually see 🤔?

- Do we have to scale out the administration functionality?
- If we want to limit exposure of the administration features for security do we have to deploy them to make the live site work?

While two applications did increase complexity, it also gave us an appealing answer to those two questions (hint: nope!)

Fortunately, the folks at Kentico realized that some teams would want to opt-in to deployment complexity for the benefit of flexibility and made sure to support a [dual application deployment strategy](https://docs.xperience.io/x/SoXWCQ) in Xperience by Kentico 🤓.

From the docs:

> The Xperience administration interface (installed via the Kentico.Xperience.Admin NuGet package) and all related customizations can be removed when publishing to production.

Awesome 💪🏿!

## 🎨 Delightful Designs

The original spirit of the designs of the Web Forms administration application came about [in Kentico 8](https://docs.xperience.io/k8/using-the-kentico-interface), and while the UI has been refreshed since then, the core patterns are still in use in Kentico Xperience 13.

Xperience by Kentico has taken another leap forward by completely rethinking the design of the administration interface from the ground up.

![Xperience by Kentico home dashboard with application tiles](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rawv6ix7vi9ckgkh4sww.png)

Many of the same ideas are there, so it will quickly be familiar to anyone exposed to Kentico's products from the past several years, but the interface feels less cluttered, more intuitive, and more dynamic 🍃.

Previously there were limitations on what could be accomplished with the design (and technology) path the administration application was on. Freed from those limitations, the product really shines and we get to see a strong, forward looking UX vision.

These updates aren't limited to the navigation and dialogs that have been revamped across the UI. They can also be seen in the Page Builder which has evolved in some elegant ways when compared to Kentico Xperience 13.

![Page Builder Widget properties dialog form](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/591zvkbma9hwj2ps1vsk.png)

We can even see the beginnings of a mobile-friendly administration UI. I know many of us don't plan to author content or administer a site on our phone 🤳🏻, but you never know when you might want to check on a marketing automation workflow or add a new user to a site while you're waiting in the checkout line at the store or at your kids' sporting event.

![Xperience by Kentico home dashboard in a mobile viewport](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kllz1eav88qw0i32ok8x.png)

Here's some additional screenshots of design changes in the product:

![Form Builder dialog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6fjmyru1np55mv8ygctw.png)
<figcaption>An updated Form Builder with a new <a href="https://docs.xperience.io/xp/developers-and-admins/development/builders/form-builder/form-components">Form Component</a> dialog</figcaption>

![Condition Builder dialog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3shwzhdo5s30my5wvwjq.png)
<figcaption>Fully featured marketing automation <a href="https://docs.xperience.io/xp/business-users/digital-marketing/contact-groups#Contactgroups-Setupdynamiccontactgroups">Condition Builder for Contact Groups</a></figcaption>

![Media Libraries application UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64hsfpowsdp1li2izwpc.png)
<figcaption>Redesigned <a href="https://docs.xperience.io/xp/business-users/media-libraries/manage-media-files">Media Libraries application</a></figcaption>

![New Icon selection](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wd2ljfyzshnxkyj7xeib.png)
<figcaption>Brand new set of icons to associate to <a href="https://docs.xperience.io/x/goHWCQ">Page Types</a>, Page Builder components and other parts of the admin UI.</figcaption>
 
## 🚀 Fast and Modern - React and ASP.NET Core

The administration UI is now built on [React](https://reactjs.org/) and [ASP.NET Core](https://dotnet.microsoft.com/en-us/learn/aspnet/what-is-aspnet-core) which means it's _fast_ 🚀!

If you'd like to watch a video to see what it's like to use Xperience by Kentico, check out this one here:

{% youtube DV4XG6401qg %}

Since the administration UI is integrated into an ASP.NET Core through a NuGet package, it has very little impact on application startup time 🏁.

This is great for developers when iterating through a code > build > test cycle, and it's great for stakeholders because a faster application means faster builds and deployments which enable faster time to market 📈 with new features and experiences!

These new technologies might seem a little intimidating 🤯, especially if we're used to the no-code admin customizations of previous versions of the product.

Thankfully, the new technology can be adopted gradually (as needed) and Kentico provides helpful 🤝🏽 guidance in setting up [our local development environment](https://docs.xperience.io/xp/developers-and-admins/customization/extend-the-administration-interface/prepare-your-environment-for-admin-development) for Admin UI customizations.

The docs also provide some detailed examples of working with React to build custom [Form Components](https://docs.xperience.io/xp/developers-and-admins/customization/extend-the-administration-interface/ui-form-components#UIformcomponents-Formcomponentfrontend) which can be used to build any kind of administration experience we can dream up!

> With the React-based libraries for customizing the Admin UI being delivered through npm, we can [explore the tools and dependencies](https://unpkg.com/browse/@kentico/xperience-admin-components@22.2.3/package.json) used to build them 🧐.

> At the time of this writing, the product is using the latest version of React - 18.2. Nice 💪🏾!!

## 📰 Always Fresh - Weekly Updates

One of the most exciting changes for Xperience by Kentico, compared to all previous versions of Kentico's flagship products, is the speed of iteration!

New versions of the Xperience by Kentico are being released nearly every month (with bug fixes being released every week).

Because this breakneck pace 🏎 is a lot to keep up with, the documentation team has been maintaining [a changelog](https://docs.xperience.io/xp/xperience-changelog) for all of us, so we can easily stay up to date with all the latest developments.

Just take a look at the various versions of [NuGet packages](https://www.nuget.org/packages/Kentico.Xperience.WebApp#versions-body-tab) that have been released over the past 3 months to get a good idea of the tempo Kentico has taken for this product.

They are wasting no time 😅!

Before you start wondering "If I decide to create and Xperience by Kentico project, how do I keep it up to date with all these new releases?", head on over to the docs where a full set of (fairly simple) [instructions already exists](https://docs.xperience.io/xp/developers-and-admins/install-xperience/update-xperience-projects) to get your project on the latest version.

Since Xperience by Kentico relies of standard .NET tooling and NuGet packages, keeping projects up-to-date is *far* simpler than using the [Kentico Installation Manager](https://docs.xperience.io/external-utilities/kentico-xperience-installation-manager) in the past.

(It can even be automated and made part of our CI/CD process! 🤩)

## ✈ Heading Home: What's Next for Xperience by Kentico?

For most developers used to Kentico's previous products, the progress being made in Xperience by Kentico is both exciting 🥳 and intimidating 😬.

One key question stands out - how do we get our existing applications onto Xperience by Kentico? Thankfully, Kentico is already working on that and has [information about migrations](https://docs.xperience.io/xp/developers-and-admins/kentico-xperience-13-migration) in their documentation.

Expect this migration guide to grow over time as new features are added to Xperience by Kentico and expect the [migration toolkit repository](https://github.com/Kentico/xperience-migration-toolkit) to evolve as more use-cases are supported.

So, what about those upcoming features? What are they?

To find out, we just need to browse [Xperience by Kentico's roadmap 🗺](https://portal.productboard.com/kenticoxperience/1-kentico-xperience-roadmap/tabs/4-xperience-by-kentico-next).

Given the pace at which the team is iterating and enhancing this product, taking a quick glance at plans for the near future every few weeks is probably a good idea!

Which parts of Xperience by Kentico are you most excited about?
Have you tried it out yet?
If not, what's your biggest roadblock?

Answer in the comments below...

As always, thanks for reading 🙏!

---

<figcaption>Photo by <a href="hhttps://unsplash.com/@nasa">NASA
</a> on <a href="https://unsplash.com">Unsplash</a></figcaption>

---

## References

- [Xperience by Kentico docs](https://docs.xperience.io/xp)
- [Difference between CMS and DXP](https://www.kentico.com/discover/dxp-hub)
- [Xperience by Kentico setup](https://docs.xperience.io/xp/developers-and-admins/install-xperience)
- [Evaluation License](https://docs.xperience.io/xp/developers-and-admins/install-xperience/licenses#Licenses-EvaluateXperience)
- [Xperience by Kentico developer tutorial](https://docs.xperience.io/tutorial/developer-tutorial/xperience-by-kentico-overview)
- [Xperience by Kentico Technology Highlights](https://www.luminary.com/blog/xperience-by-kentico-technology-highlights)
- [The next generation of Xperience by Kentico is coming](https://www.luminary.com/blog/next-generation-xperience-by-kentico)
- [Updating to the latest version of Xperience by Kentico](https://www.goldfinch.me/blog/updating-to-the-latest-version-of-xperience-by-kentico/)
- [Kentico 12 MVC development architecture](https://docs.xperience.io/k12sp/developing-websites/mvc-development-overview)
- [Kentico 12 MVC Page Builder](https://docs.xperience.io/k12sp/developing-websites/page-builder-development)
- [Kentico Xperience 13 development architecture](https://docs.xperience.io/developing-websites/mvc-development-overview)
- [Xperience by Kentico administration development](https://docs.xperience.io/xp/developers-and-admins/development/website-development-basics#Websitedevelopmentbasics-Xperienceadministration)
- [Xperience by Kentico dual application deployment](https://docs.xperience.io/x/SoXWCQ)
- [Kentico 8 user interface](https://docs.xperience.io/k8/using-the-kentico-interface)
- [React.js](https://reactjs.org/)
- [What is ASP.NET Core](https://dotnet.microsoft.com/en-us/learn/aspnet/what-is-aspnet-core)
- [Xperience by Kentico local environment setup](https://docs.xperience.io/xp/developers-and-admins/customization/extend-the-administration-interface/prepare-your-environment-for-admin-development)
- [Xperience by Kentico React Form Components](https://docs.xperience.io/xp/developers-and-admins/customization/extend-the-administration-interface/ui-form-components#UIformcomponents-Formcomponentfrontend)
- [Xperience by Kentico @kentico/xperience-admin-components package](https://unpkg.com/browse/@kentico/xperience-admin-components@22.2.3/package.json)
- [Xperience by Kentico changelog](https://docs.xperience.io/xp/xperience-changelog)
- [Xperience by Kentico NuGet package versions](https://www.nuget.org/packages/Kentico.Xperience.WebApp#versions-body-tab)
- [Xperience by Kentico upgrade instructions](https://docs.xperience.io/xp/developers-and-admins/install-xperience/update-xperience-projects)
- [Kentico Installation Manager](https://docs.xperience.io/external-utilities/kentico-xperience-installation-manager)
- [Kentico Xperience 13 to Xperience by Kentico migration guide](https://docs.xperience.io/xp/developers-and-admins/kentico-xperience-13-migration)
- [Xperience by Kentico migration toolkit repository](https://github.com/Kentico/xperience-migration-toolkit)
- [Xperience by Kentico feature roadmap](https://portal.productboard.com/kenticoxperience/1-kentico-xperience-roadmap/tabs/4-xperience-by-kentico-next)

---

We've put together a list over on [Kentico's GitHub account](https://github.com/Kentico/Home/blob/master/RESOURCES.md) of developer resources. Go check it out!

If you are looking for additional Kentico content, checkout the Kentico or Xperience tags here on DEV.

{% tag kentico %}

{% tag xperience %}

Or my [Kentico Xperience blog series](https://dev.to/seangwright/series), like:

- [Kentico Xperience Design Patterns](https://dev.to/seangwright/series/10963)
- [Kentico Xperience MVC Widget Experiments](https://dev.to/seangwright/series/9483)
- [Bits of Xperience](https://dev.to/seangwright/series/8740)