From the course: Angular: API Communication and Authentication

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Architecture of an Angular + Node application

Architecture of an Angular + Node application - Angular Tutorial

From the course: Angular: API Communication and Authentication

Start my 1-month free trial

Architecture of an Angular + Node application

- [Instructor] Adding a Node back into a project generator with the Angular CLI will require you to make some changes. The exercise files provided are already setup for you, but I want to show you how you can do this yourself when creating a new project. I've got a Visual Studio code open here, and we'll go ahead an open the exercise files for this video. We want to separate the client code from the server code. The first thing I did was to create a client folder inside source, and move all of the current files in source into the new client folder. The next step was to update some of the configuration files. First, tsconfig.app.json was updated with the correct extends property to point to the correct path. Next, I updated the Angular CLI configuration file and updated the root and the outDir properties. Root was set to source, but the files are now in the source client folder. OutDir was set to source this, but we want the generated built artifacts to be placed in the public folder…

Contents