/kendo-angular-universal-demo

Sample Angular 2 Universal Application with Kendo UI for Angular 2

Primary LanguageTypeScript

Kendo UI for Angular: Angular Universal

This repository contains a Node-based and an ASP.NET Core-based sample applications which demonstrate how to use Kendo UI for Angular and Angular Universal.

Get Started

  1. Clone this repository by using your favorite Git client or by executing git clone https://github.com/telerik/kendo-angular-universal-demo.git.
  2. Enter the project directory by running cd kendo-angular-universal-demo.

Table of Contents

Running the Applications

Node-Based Project

To run the application, execute the following commands:

# use npm (or yarn) to install the dependencies
npm install

# dev build (SPA / lean Angular)
npm run build:spa-dev
# prod build (SPA / lean Angular)
npm run build:spa-prod

# start the server (SPA / lean Angular)
npm run serve:spa
# start the server (SPA / lean Angular, with HMR support)
npm run serve:spa-hmr

# dev build (Universal)
npm run build:universal-dev
# prod build (Universal)
npm run build:universal-prod

# start the server (Angular Universal)
npm run serve

ASP.NET Core-Based Project

To run the application, execute the following commands:

# install the ASP.NET Core packages
dotnet restore

# use npm (or yarn) to install the dependencies
npm install

# build the application using Webpack
webpack --config webpack.config.vendor.js
webpack

# run the application
dotnet run

Other Kendo UI Sample Projects for Angular

Sample Project Repository Sample Project Documentation
Using Kendo UI with the Angular CLI Get Started
Using Kendo UI for Angular with Angular QuickStart Using with SystemJS
Using Kendo UI for Angular with Angular Seed Not documented
Using Kendo UI for Angular with UI for ASP.NET Core UI for ASP.NET Core Integration
Using Kendo UI for Angular with NativeScript Not documented
Translating the custom messages of the Kendo UI components for Angular Translation of Messages