angular-university / angular-ssr-course Goto Github PK

For video "How to use the State Transfer API- Step-by-Step Implementation", the http call is still being made from the client. In the XHR filter search for 'couse' rather than '/course'. You will see it still being called. Can you please explain how to make this un-needed call to stop happening?

Hi, Thanks for sharing this project. I have the latest version (with Angular 13) and the dev:ssr option doesn't start up.

$ npm run dev:ssr

...
Schema validation failed with the following errors:
Data path "" must NOT have additional properties(extractCss).

Any ideas?

Best wishes,
Beemer

Hi Lukas
I've been a reader of your articles since back in the pre-comment section days:-)
Have you ever experimented with implementing a client/server folder structure (like you have in your file-upload example) with Angular Universal?
I've got ssr running (amazingly in 5 mins) with "npx ng add @nguniversal/express-engine --clientProject angular-exp", but end up with the server.ts file in the client structure. I was trying to have a single server file for my API and ssr, in an outter server folder but not sure if it's possible e.g.
Any thoughts on this?

tbh very much disappointed with the whole Angular Universal project. So yours is also no better, a messy package.json, unfinished readme.
Can you please try to fix it and go through it yourself?
The best would be if you just use angular universal starter and align with their package.json, they have build:ssr and serve:ssr tasks, there

Hi I am gettign

after integration of angular ssr, I am followign all the cmand as per tuts

my router page is this

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { LogoutComponent } from './components/logout/logout.component';

const routes: Routes = [
{
path: '',
loadChildren: () => import('./module/home/home.module').then(m => m.HomeModule)
},
{
path: 'tour-packages',
loadChildren: () => import('./module/tour-packages/tour-packages.module').then(m => m.TourPackagesModule)
},
{
path: 'sights',
loadChildren: () => import('./module/sights/sights.module').then(m => m.SightsModule)
},
{
path: 'about-us',
loadChildren: () => import('./module/about-us/about-us.module').then(m => m.AboutUsModule)
},
{
path: 'login',
loadChildren: () => import('./module/login/login.module').then(m => m.LoginModule)
},
{
path: 'register',
loadChildren: () => import('./module/register/register.module').then(m => m.RegisterModule)
},
{
path: 'contact-us',
loadChildren: () => import('./module/contact/contact.module').then(m => m.ContactModule)
},
{
path: 'my-account', loadChildren: () => import('./module/my-account/my-account.module').then(m => m.MyAccountModule) },
{
path: 'logout',
component: LogoutComponent
},
];

@NgModule({
imports: [RouterModule.forRoot(routes, {
initialNavigation: 'enabledBlocking'
})],
exports: [RouterModule]
})
export class AppRoutingModule { }

When attempting to run npm run build:ssr on a project using Angular 18, the process hangs indefinitely with the message "Building...". The build process does not complete, and no error messages are displayed, making it difficult to diagnose the problem.

app.module.ts imports the below even when there is not 'Directives' folder in the '1-start' branch

import {AppShellRenderDirective} from "./directives/app-shell-render.directive";
import {AppShellNoRenderDirective} from "./directives/app-shell-norender.directive";

Hello, thank you for the informative course. Is an update to Angular 17 planned? Thanks in advance.