Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Optimizely Content Management System (CMS) Start From Code

Name: Optimizely Content Management System (CMS) Start From Code
Rating: 2.9 (11 reviews)

EpiServer CMS Design Blog pages , Design from scratch learn EpiServer CMS from visual studio and ASP.NET CORE MVC

Created byTarun Kumar Saini

Last updated 5/2025

English

English [Auto],

What you'll learn

Episerver CMS (now known as Optimizely Content Cloud) is a powerful .NET-based CMS used to build enterprise-level websites. If you're planning to learn or teach
1. Introduction to Episerver / Optimizely CMS What is Episerver CMS? Key Features of Optimizely Content Cloud Architecture Overview How Episerver works with
Setting Up the Development Environment : Prerequisites (Visual Studio, SQL Server, .NET SDK) Install Episerver CMS using NuGet Packages Explore the Alloy Samp
Content Types and Models What are Content Types? Create a new Page Type ([ContentType]) Create a new Block Type ([ContentType]) Using Attributes: DisplayName
Rendering Content in Razor Views Create Page Controllers Render content properties in Razor Views Use @Html.PropertyFor() and @Html.RenderContentData() Rende
Working with Blocks (Reusable Components) Create shared and local blocks Inline Block creation from CMS Render blocks inside pages Structure blocks like Acco
Navigation, Menus, and Sitemap Generate dynamic Navigation Menus Build a Breadcrumb navigation Implement Sitemap (XML and HTML) Work with ContentReference an

Course content

7 sections • 27 lectures • 4h 32m total length

First Project Demo1:51
Demonstrates building an API server project from scratch, showcasing login, dashboard, home and article pages, paging, and minimal APIs in dotnet, Angular, and cloud technologies within an Optimizely CMS context.
How to Install Optimizely CMS in Local14:38
Install Optimizely CMS locally by creating an API server template and configuring dotnet 8.0 while registering an administrator and exploring page permissions and permalinks with live preview.
Page Concept10:08
Explore how page concepts are structured in Optimizely CMS, from the root start page to nested about us and events pages, including navigation, page types, and teaser content.
Media and Block5:03
Explore blocks and media in Optimizely CMS, upload images to Azure blobs or local storage, and reuse blocks like testimonials and teasers across pages.

Create new Empty Website8:22
Create and configure an empty website in the Optimizely Content Management System (CMS) by setting up the solution, adding the project, registering the API server, and enabling multilingual support.
Create new Home Page7:02
Create a new home page by adding a home page file in the pages directory and defining a page data class with a home page content type.
Design Home page with Layout Page16:22
Design a home page by creating pages, configuring a layout and views, and wiring controllers in MVC, then render header, hero, navigation, and footer with Bootstrap.
Article Page10:00
Design an article page in Optimizely CMS by defining content types and properties like title, short description, full content, featured image, author, publish date, tags, and featured flags.
Article Page Via CMS10:31
Learn to create an article page in a CMS dashboard with Episerver CMS, including title clean architecture in dotnet eight, short description, full content, featured image, author, and tags.
Upload Images3:34
Create an image file class in the media directory, define its content type with a grid, and add a media descriptor for jpg, png, and gif to enable uploads.
Dynamic Home Page8:46
Design a dynamic home page with featured and recent articles, driven by a home page view model and paging, using a content loader to fetch data.
First Look of Article Page12:19
Build an article page by wiring article and page controllers, designing the article view with Bootstrap, and displaying title, published date, author, featured image, content, and tags.

Block Data15:07
Learn to create and render reusable blocks in the CMS, including header and footer blocks, manage block data on the home page, and publish dynamic content.
BasePage Controller and ViewModels9:39
Explore building a CMS with a base page controller using generics, render page logic, and a base view model hierarchy that separates page data from view data.
Razor Pages and ViewModels18:11
Use razor pages and viewmodels with a base page controller and page view model to render home and article pages. Bind page title, content, header, and article lists.
Clean Layout page7:04
Create a clean layout page in an optimized cms by adding a shared layout with head, nav, body, and footer sections, wiring partials and verifying rendering.
Download Part-14:48
Download part-1 covers creating and publishing a GitHub repository for the Episerver CMS blog example, initializing git, configuring gitignore, and pushing changes to the master branch.

Page Layout10:42
Explore page layout in the Optimizely CMS MVC template, where each page has a separate title in the header. Build seo friendly websites with layout, views, and site page data.
Configure EpiServer cms with my Localdb Sql Server13:33
Configure Episerver cms with localdb sql server by refactoring program.cs and startup settings, set up connection strings, enable cms asp.net identity, admin registration, and run migrations to create tables.

Start Page from Alloy Project8:37
Configure the start page by inheriting site page data and SEO fields, meta title, description, and keywords, while porting group names and CSS from the alloy project to part two.
My Blog Project Configuration from Alloy project Part-219:19
Build views and shared layouts in the Alloy MVC project. Configure view imports and view start to expose site page data and seo metadata.
Head Section Part-310:41
Display meta keywords and description in the header using site page data and a layout model, with comma separated keywords joined via the string join operator.
Head Section for menu Part-413:19
Learn to build a dynamic menu with an HTML helpers class and item templates, using lazy initialization and active page highlighting in an ASP.NET Core MVC Razor project.
Dynamic Menu14:46
Build a dynamic menu by applying the alloy extension for visibility, wire it to the route layout header, and render navigation using partials to populate the header.

Requirements

C# basic and MVC

Description

Episerver CMS (now known as Optimizely Content Cloud) is a powerful .NET-based CMS used to build enterprise-level websites. If you're planning to learn or teach Episerver CMS
1. Introduction to Episerver / Optimizely CMS

What is Episerver CMS? - Key Features of Optimizely Content Cloud -Architecture Overview - How Episerver works with ASP.NET MVC and .NET Core - Understanding the CMS Admin Interface

2. Setting Up the Development Environment

Prerequisites (Visual Studio, SQL Server, .NET SDK) - Install Episerver CMS using NuGet Packages - Explore the Alloy Sample Site - Folder structure and solution overview - How to Run and Debug the Alloy site

3. Content Types and Models

What are Content Types? - Create a new Page Type ([ContentType]) - Create a new Block Type ([ContentType]) -

Using Attributes: DisplayName, GroupName, Order - Media Types and Media management

ContentType Inheritance

4. Rendering Content in Razor Views

Create Page Controllers - Render content properties in Razor Views - Use @Html.PropertyFor() and @Html.RenderContentData() - Render Blocks dynamically - Work with Images and Media Files

5. Working with Blocks (Reusable Components)

Create shared and local blocks - Inline Block creation from CMS - Render blocks inside pages - Structure blocks like Accordion, Banner, etc.

6. Navigation, Menus, and Sitemap

Generate dynamic Navigation Menus - Build a Breadcrumb navigation - Implement Sitemap (XML and HTML)

Work with ContentReference and ContentArea

7. Templates, Layouts, and Design

Master Layout (_Layout.cshtml) - Design custom templates for different Page Types - Use DisplayOptions for blocks (Full Width, Half Width, etc.) - Work with Bootstrap for responsive design

8. Search and Filtering

Introduction to Episerver Find / Optimizely Search & Navigation - Install and configure Episerver Find - Implement search functionality - Faceted search and filtering

9. Personalization & Visitor Groups

Create and manage Visitor Groups - Apply personalization rules - Show personalized content based on user behavior

10. CMS Editor Experience and Customization - Introduction to the Episerver On-Page Editing - Add custom UI hints

Use UIHint.Image, UIHint.Textarea - Add custom Editor Descriptors - Tabs and Grouping of fields in the CMS

11. Security, Roles, and Permissions

Understand Episerver’s Role-Based Access Control - Add users and assign roles (Admins, Editors, etc.) - Restrict access to certain pages or content - Preview permissions and test user views

12. Multilingual Sites

Enable multiple languages - Create language-specific versions of content -Fallback languages and translations -Language selectors and switching

13. Routing, URLs, and SEO

Friendly URLs and URL Segments - Implement custom routes - Manage SEO Meta Tags, Title, Description - Canonical URLs and Redirects - Open Graph and Twitter Meta Tags

14. Data Access and Dynamic Content

Work with IContentLoader, IContentRepository - Retrieve content dynamically in controllers/services - Build dynamic widgets (Latest News, Featured Articles) - Content Events and Caching strategies

15. Scheduled Jobs and Background Tasks

Create and register custom Scheduled Jobs - Execute background tasks - Logging job progress and results

16. Forms and Data Submission

Introduction to Episerver Forms (Addon) - Build custom Forms - Store and process form data -

Custom validation and conditions

17. Deployment and Hosting

Best practices for deployment - Web.config settings for Production - Azure Hosting and Cloud Readiness - Database Backup and Migration

18. Add-ons and Integrations

Install popular Episerver Add-ons - E-commerce introduction (Episerver Commerce) - Integrate with third-party APIs

Add Social Media sharing functionality -

19. Analytics and Optimization

Use Optimizely Experimentation (A/B Testing) - Integrate Google Analytics - Content Recommendations

20. Advanced Topics

Create Custom Property Editors - Create Content Providers - Dynamic Data Store (DDS) - Headless CMS capabilities (Optimizely GraphQL APIs) - Performance tuning and caching -Unit Testing and Best Practices

Who this course is for:

Beginners

Optimizely Content Management System (CMS) Start From Code

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 32min

Start with Empty Template8 lectures • 1hr 17min

Running Website on IIS Express1 lecture • 6min

Content Modeling with Rendering5 lectures • 55min

SEO2 lectures • 24min

Configuration From Alloy MVC Project5 lectures • 1hr 7min

Scheduled Jobs2 lectures • 12min

Requirements

Description

Who this course is for: