aboutsummaryrefslogtreecommitdiff
path: root/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md
diff options
context:
space:
mode:
authorNevena Bojovic <nenabojov@gmail.com>2022-03-01 20:05:50 +0100
committerNevena Bojovic <nenabojov@gmail.com>2022-03-01 20:05:50 +0100
commit291803c31f829fe0d32bb3207bc11def95a7408c (patch)
treec7d43107d79291b19d8c9eceefbe91c9f9a52acf /sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md
parent1fa69862057db4db53cfda5be9c24b4228ef63f7 (diff)
Urađena test aplikacija. Povezan front i back.
Diffstat (limited to 'sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md')
-rw-r--r--sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md47
1 files changed, 47 insertions, 0 deletions
diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md
new file mode 100644
index 00000000..c8598833
--- /dev/null
+++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md
@@ -0,0 +1,47 @@
+An app shell lets Universal render a portion of your application via a route at build time.
+This gives users a meaningful first paint of your application that appears quickly
+because the browser can simply render the HTML without the need to initialize any JavaScript.
+
+Use this command with a routing app that is accompanied by a Universal server-side app.
+
+To create an app shell, use the following command.
+
+<code-example format="." language="bash">
+ ng generate app-shell my-app
+</code-example>
+
+- `my-app` is the name of your client application
+- `server-app` is the name of the Universal (server) application
+
+The command adds two new architect build targets to your `angular.json` configuration file (along with a few other changes).
+
+<code-example format="." language="none" linenums="false">
+"server": {
+ "builder": "@angular-devkit/build-angular:server",
+ "options": {
+ "outputPath": "dist/my-app-server",
+ "main": "src/main.server.ts",
+ "tsConfig": "src/tsconfig.server.json"
+ }
+},
+"app-shell": {
+ "builder": "@angular-devkit/build-angular:app-shell",
+ "options": {
+ "browserTarget": "my-app:build",
+ "serverTarget": "my-app:server",
+ "route": "shell"
+ }
+}
+</code-example>
+
+To verify the that the app has been built with the default shell content:
+
+1. Run the app-shell target.
+
+ <code-example format="." language="bash">
+ ng run my-app:app-shell
+ </code-example>
+
+1. Open `dist/app-shell/index.html` in your browser.
+
+The default text "app-shell works!" verifies that the app-shell route was rendered as part of the output.