Kentico Xperience Developer hub
The hub collects all the essential resources you need to know to develop websites in Kentico Xperience.
Learn how to install, design, develop, optimize, deploy, manage, and maintain Xperience applications in the detailed Xperience documentation.
Get familiar with the Xperience API and use cases in a library of code snippets. You'll see examples of how to use the API to manage Xperience objects and perform basic CRUD operations.
Read through knowledge based articles, Q&As, documentation, and other useful developer resources in our thriving developer community.
Take a look at a collection of downloadable third-party components and modules developed by the Xperience Community.
Xperience developer tutorial
The Xperience Developer tutorial will help you grasp the absolute basics of Xperience. You will learn how Xperience stores website content and how you can display it on a live site.
Dive into a tiny, functional website which shows how you can implement different features on an Xperience website. You can find two versions of the learning kit in the company account; one for the ASP.NET Core and second for MVC development models.
Learn key concepts and best practices to navigate the process of building an Xperience project. Kentico Advantage presents real-world scenarios to help you with planning, developing, deploying, and maintaining the Xperience solution.
Xperience customization for developers
Customize the Kentico Xperience administration application, create custom functionality, use Xperience global events and APIs, create scheduled tasks, learn how to create custom web parts, advanced macros, and more.
Complete your developer path and become an Xperience MVP
Have you become certified? Are you keeping up-to-date on all the latest happenings with Xperience? Are you sharing your knowledge? Become an Xperience MVP, help others, and grow within the community of developers and Kentico Xperience enthusiasts.
Take the ASP.NET Core Fundamentals course on Pluralsight and learn the absolute basics of .NET Core.
Watch a video by Tim Corey on YouTube or take the Dependency Injection in C# and .NET with the Autofac Library course on Udemy.
Create a simple MVC web app with an ASP.NET Core application using the MVC approach in a Microsoft tutorial.
Building a page with widgets
Check out how easy it is to create a landing page using Widgets in Xperience.
Page Builder features
Page Builder’s widgets and sections allow website administrators to edit page content and layouts in a WYSIWYG style. In this short video, learn what building pages with the Page Builder looks like.
Creating pages with editable areas
To allow website admins to use Xperience widgets, your pages (their views) need to have the Page Builder registered and must contain areas for widgets.
See how editable areas are implemented in the Dancing Goat .NET Core sample project in the Home’s Index.cshtml and HomeController.cs files.
Page Builder sections
Editors use sections to define the layout of the widget zones where they insert their widgets. Editors can lay out widget zones in editable areas within pages—or use them to build entire pages.
See how the sections feature is implemented in the Dancing Goat Core sample project in the _DancingGoat_SingleColumnSection.cshtml file.
Page Builder widgets
Widgets are predefined, configurable, and reusable pieces of content editors use to manage content in the Page Builder. They are represented by partial views or view components.
See two approaches to coding the Page Builder widgets as well as various widget samples in the Dancing Goat Core project, e.g., a simple Testimonial widget in the TestimonialWidget.cshtml file registered through PageBuilderComponentRegister.cs, or a more complex _HeroImageWidget.cshtml view with a dedicated HeroImageWidgetViewComponents.cs class.
Form Builder features
Editors on Xperience websites use Form Builder to create online forms. Learn more about the feature and how you can create custom form components in the Xperience documentation.
Check out how Form Builder is implemented in the Dancing Goat Core site:
The Contacts page shows how to display the Contacts form. The page is implemented in the Index.cshtml file and the ContactsController.cs file. The custom form component is in the ContactGroupSelector.cshtml / ContactGroupSelectorComponent.cs file.
Page Builder View Components in ASP.NET Core
Want to learn more about building widgets and sections using View Components? Then, don’t miss this short article on what view components are and how you can use them to create your Page Builder components.
Page Builder Tag Helpers in ASP.NET Core
Xperience Core supports using the new ASP.NET Core Tag Helpers feature, which abstracts server-side code behind the HTML-like elements. Check out how the CultureLinkTagHelper.cs class in Dancing Goat Core project helps create culture-specific links in _Layout.cshmtl view.
Xperience Core page templates
With page templates, editors can create pages with a different layout without developers.
See how the templates are implemented in the _Article.cshtml with the ArticlePageTemplateService.cs and the _ArticleWithSidebar.cshtml and ArticleWithSidebarPageTemplateService.cs files in the Dancing Goat Core sample project.
Page Builder dos and don'ts
"The drag and drop Page Builder allows content editors to create content and control page layout very easily. Combine that with the ability to create MVC page templates, easy to use A/B tests, and easy to use Personalization variations, and you don't have much excuse not to use it in Kentico Xperience".
Read the rest of Kentico’s MVP Brian McKeiver’s excellent tips for building an Xperience website with Page Builder in the dos and don’ts article.
Dancing Goat sample site
It’s already been mentioned, but here is the Dancing Goat Sample site again. It comes out-of-the-box with Xperience, and it will help you see the individual elements from above in the context of the whole site that is implemented. The sample site is available in ASP.NET Core and ASP.NET MVC development models.
You’ll also see how it implements other features like digital marketing and commerce. Diving deep into the sample site is definitely worth your time!
- Learn about the fundamental changes between the Xperience ASP.NET MVC 5 and ASP.NET Core development models.
- See how Kentico Xperience is integrated into the application startup.
- Take a look at how Xperience uses Core's built-in IoC container.
- Investigate the differences in developing Page and Form Builder components.