This guide will help you to create a new 2sxc app with Angular 6+. It assumes you have already used 2sxc and know how to add apps, views and content types. If this is not the case, please start with the guide to create your own app. Before you start, make sure you have installed 2sxc 9+. The guide was tested with Angular CLI 6.1.4; the files may differ for later versions.

Recommended: instead of following this guide you can download the prepared 2sxc template app here: https://github.com/2sic/app-template-angular

Prepare

  1. Create an empty 2sxc app
  2. Inside the app folder (e.g. /Portals/0/2sxc/[App])
    1. Create a folder ng
    2. Inside ng, create an angular app using the ng CLI: ng new [app-name] --directory ./
  3. Follow the guide to enable local development
  4. Add dnn-sxc-angular and make the app aware of it

If you run into issues, check troubleshooting or post questions on stack-overflow with the tags dnn, 2sxc, angular.