{{ page().title }}
+{{ page().description }}
+ + @if (showLegalNotice()) { +{{ shell().legalReviewNotice }}
+ } + @if (isNotFound()) { + + } +
+
+
-
-
+
-
diff --git a/src/app/app.routes.server.ts b/src/app/app.routes.server.ts
index ffd37b1..59dc9eb 100644
--- a/src/app/app.routes.server.ts
+++ b/src/app/app.routes.server.ts
@@ -1,8 +1,13 @@
-import { RenderMode, ServerRoute } from '@angular/ssr';
+import { RenderMode, type ServerRoute } from '@angular/ssr';
+import { prerenderableServerPaths } from './core/routing/route-paths';
export const serverRoutes: ServerRoute[] = [
+ ...prerenderableServerPaths().map((path): ServerRoute => ({
+ path,
+ renderMode: RenderMode.Prerender,
+ })),
{
path: '**',
- renderMode: RenderMode.Prerender
- }
+ renderMode: RenderMode.Server,
+ },
];
diff --git a/src/app/app.routes.spec.ts b/src/app/app.routes.spec.ts
new file mode 100644
index 0000000..b5dff7b
--- /dev/null
+++ b/src/app/app.routes.spec.ts
@@ -0,0 +1,55 @@
+import { TestBed } from '@angular/core/testing';
+import { provideRouter, type Routes } from '@angular/router';
+import { RouterTestingHarness } from '@angular/router/testing';
+import { routes } from './app.routes';
+import { PLACEHOLDER_CONTENT } from './core/content/placeholder-content';
+import { SITE_CONTENT } from './core/content/content.token';
+import { LocaleService } from './core/i18n/locale.service';
+import { type AppRouteData } from './core/routing/app-route-data';
+
+function flattenRoutes(tree: Routes, prefix = ''): Array<{ path: string; data?: AppRouteData }> {
+ const entries: Array<{ path: string; data?: AppRouteData }> = [];
+
+ for (const route of tree) {
+ const segment = route.path ?? '';
+ const path = [prefix, segment].filter((part) => part.length > 0).join('/');
+ entries.push({ path, data: route.data as AppRouteData | undefined });
+
+ if (route.children) {
+ entries.push(...flattenRoutes(route.children, path));
+ }
+ }
+
+ return entries;
+}
+
+describe('app routes', () => {
+ it('places the English subtree first and attaches locale data', () => {
+ expect(routes[0]?.path).toBe('en');
+
+ const flattened = flattenRoutes(routes);
+ const englishProjects = flattened.find((entry) => entry.path === 'en/projects');
+ const germanProjects = flattened.find((entry) => entry.path === 'projekte');
+ const englishWildcard = flattened.find((entry) => entry.path === 'en/**');
+ const germanWildcard = flattened.find((entry) => entry.path === '**');
+
+ expect(englishProjects?.data).toEqual({ routeId: 'projects', locale: 'en' });
+ expect(germanProjects?.data).toEqual({ routeId: 'projects', locale: 'de' });
+ expect(englishWildcard?.data).toEqual({ routeId: 'notFound', locale: 'en' });
+ expect(germanWildcard?.data).toEqual({ routeId: 'notFound', locale: 'de' });
+ });
+
+ it('navigates to the English projects placeholder', async () => {
+ TestBed.configureTestingModule({
+ providers: [provideRouter(routes), { provide: SITE_CONTENT, useValue: PLACEHOLDER_CONTENT }],
+ });
+
+ const harness = await RouterTestingHarness.create();
+ const locale = TestBed.inject(LocaleService);
+ await harness.navigateByUrl('/en/projects');
+
+ expect(locale.locale()).toBe('en');
+ expect(harness.routeNativeElement?.querySelector('h1')?.textContent).toContain('Projects');
+ expect(harness.routeNativeElement?.textContent).toContain('This page is being built.');
+ });
+});
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index ce27a40..664b3a1 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,6 +1,69 @@
-import { Routes } from '@angular/router';
-import {Skills} from './components/pages/skills/skills';
+import { type Type } from '@angular/core';
+import { type Routes } from '@angular/router';
+import { PLACEHOLDER_CONTENT } from './core/content/placeholder-content';
+import { localeResolver } from './core/i18n/locale.resolver';
+import { type AppLocale } from './core/i18n/locale';
+import { type AppRouteData } from './core/routing/app-route-data';
+import { ROUTE_IDS, type RouteId } from './core/routing/route-ids';
+import { LOCALE_PREFIX, ROUTE_SEGMENTS } from './core/routing/route-paths';
+
+type LazyPage = () => Promise