create-content-sdk-app 2.0.0 → 2.0.1

package/dist/templates/nextjs-app-router/Skills.md

@@ -0,0 +1,79 @@
+# Skills.md — Capability groupings for this app (Next.js App Router)
+
+This file describes **this application** in terms of **capability-style groupings**: high-level areas that help AI tools and developers map tasks to the right part of the app. This is an App Router app with `[site]`/`[locale]` segments, next-intl, and separate server/client component maps. For concrete steps and patterns, see [AGENTS.md](AGENTS.md) and the [official Content SDK documentation](https://doc.sitecore.com/xmc/en/developers/content-sdk/sitecore-content-sdk-for-xm-cloud.html).
+
+**Agent Skills:** Each grouping is also available as a skill in [.agents/skills/](.agents/skills/) in the standard [Agent Skills](https://agentskills.io) format (`SKILL.md` per capability). Tools that support this standard load skills from `.agents/skills/`; Cursor's built-in skills use `.cursor/skills/` unless it also supports the Agent Skills standard. The skills here are tailored for **App Router** (e.g. setRequestLocale, draftMode(), component-map.ts + component-map.client.ts).
+
+---
+
+## Why capability grouping
+
+Grouping related capabilities makes it easier to know which area of the app applies to a given task and to point to the right docs and patterns. Map the task to one or more of the groupings below; use AGENTS.md and the official docs for concrete steps.
+
+---
+
+## Capability groupings
+
+### content-sdk-component-scaffold
+
+Creating new Sitecore components: file structure, props interface, and placement under `src/components/`. Use when adding a new component from scratch. In App Router, decide Server vs Client and register in the appropriate map.
+
+### content-sdk-component-registration
+
+Registering components in `.sitecore/component-map.ts` (Server) and `.sitecore/component-map.client.ts` (Client). Required so layout and editing can resolve and render components. App Router has separate server and client maps.
+
+### content-sdk-editing-safe-rendering
+
+Safe rendering in XM Cloud editing and preview: `draftMode()`, editing chromes, and design library. Use when ensuring components work in the Sitecore editor and preview. Use `client.getPreview(searchParams)` or `client.getDesignLibraryData(searchParams)` when draft mode is enabled.
+
+### content-sdk-field-usage-image-link-text
+
+Using SDK field components: `<Text>`, `<RichText>`, `<Image>`, `<Link>`, with proper validation and fallbacks. Use when rendering Sitecore fields.
+
+### content-sdk-graphql-data-fetching
+
+Page and dictionary fetching via the single Sitecore client in `src/lib/sitecore-client.ts`. Use `getPage(path ?? [], { site, locale })`, `getDictionary`, `getAppRouterStaticParams` for SSG. For preview use `draftMode()` and `getPreview`/`getDesignLibraryData` from searchParams.
+
+### content-sdk-route-configuration
+
+Routing: single catch-all at `src/app/[site]/[locale]/[[...path]]/page.tsx`. Layout: app/layout.tsx → app/[site]/layout.tsx → page. Call `setRequestLocale(\`${site}_${locale}\`)` at top of page. Use placeholders and Layout.tsx as in AGENTS.md.
+
+### content-sdk-site-setup-and-env
+
+Site and environment: `sitecore.config.ts`, environment variables, default site and language. Document vars in `.env.example` only; never commit `.env` or `.env.local`.
+
+### content-sdk-multisite-management
+
+Multisite: `.sitecore/sites.json`, proxy in `src/proxy.ts`. Chain order is **fixed:** LocaleProxy → AppRouterMultisiteProxy → RedirectsProxy → PersonalizeProxy. Do not change proxy order.
+
+### content-sdk-dictionary-and-i18n
+
+Dictionary and i18n: next-intl with `src/i18n/routing.ts` and `src/i18n/request.ts`. Request locale is `${site}_${locale}`; call `setRequestLocale(\`${site}_${locale}\`)` in the page; in request.ts parse and load dictionary with `client.getDictionary({ locale, site })`.
+
+### content-sdk-sitemap-robots
+
+Sitemap and robots: `src/app/api/sitemap/route.ts` and `src/app/api/robots/route.ts` with `createSitemapRouteHandler` and `createRobotsRouteHandler`. Rewrites in next.config.ts for /sitemap*.xml and /robots.txt.
+
+### content-sdk-component-variants
+
+Component variants: different renderings or data-driven variants of the same component type. Use when one component has multiple presentations. Register in the appropriate component map (server or client).
+
+### content-sdk-troubleshoot-editing
+
+Troubleshooting XM Cloud editing, preview, and design library. Use when editing or preview does not behave as expected. Check draftMode(), getPreview/getDesignLibraryData from searchParams, and component maps.
+
+### content-sdk-upgrade-assistant
+
+Upgrading @sitecore-content-sdk/* packages: version bumps, breaking changes, migration steps. Use when moving to a newer SDK version. Check the Content SDK repo CHANGELOG and upgrade guides.
+
+### content-sdk-component-data-strategy
+
+Component data: layout data from getPage (or getPreview/getDesignLibraryData in editing). Pass site and locale from route params; Server Components use the client in server context; Client Components receive serializable props from parent. BYOC must be registered in the component map.
+
+---
+
+## How to use this
+
+Map the task to one or more groupings above. Use [AGENTS.md](AGENTS.md) for app-level instructions and the [official documentation](https://doc.sitecore.com/xmc/en/developers/content-sdk/sitecore-content-sdk-for-xm-cloud.html) for APIs.
+
+**If your tool supports Agent Skills:** Load skills from [.agents/skills/](.agents/skills/) (one folder per capability). They provide when-to-use, hard rules, and stop conditions tailored for this App Router app.

package/dist/templates/nextjs-app-router/package.json

@@ -28,9 +28,10 @@
     "start": "cross-env-shell NODE_ENV=production npm-run-all --serial build next:start"
   },
   "dependencies": {
-    "@sitecore-cloudsdk/core": "^0.5.4",
-    "@sitecore-cloudsdk/events": "^0.5.4",
     "@sitecore-content-sdk/nextjs": "<%- version %>",
+    "@sitecore-content-sdk/analytics-core": "<%- version %>",
+    "@sitecore-content-sdk/personalize": "<%- version %>",
+    "@sitecore-content-sdk/events": "<%- version %>",
     "@sitecore-feaas/clientside": "^0.6.0",
     "@sitecore/components": "~2.1.0",
     "next": "^16.1.1",

package/dist/templates/nextjs-app-router/src/Bootstrap.tsx

@@ -1,7 +1,8 @@
 'use client';
 import { useEffect, JSX } from 'react';
-import { CloudSDK } from '@sitecore-cloudsdk/core/browser';
-import '@sitecore-cloudsdk/events/browser';
+import { initContentSdk } from '@sitecore-content-sdk/nextjs';
+import { eventsPlugin } from '@sitecore-content-sdk/events';
+import { analyticsBrowserAdapter, analyticsPlugin } from '@sitecore-content-sdk/analytics-core';
 import config from 'sitecore.config';
 
 const Bootstrap = ({
@@ -23,16 +24,23 @@ const Bootstrap = ({
     }
 
     if (config.api.edge?.clientContextId) {
-      console.log('✨ Initializing CloudSDK for site:', siteName);
-      CloudSDK({
-        sitecoreEdgeUrl: config.api.edge.edgeUrl,
-        sitecoreEdgeContextId: config.api.edge.clientContextId,
-        siteName: siteName || config.defaultSite,
-        enableBrowserCookie: true,
-        cookieDomain: window.location.hostname.replace(/^www\./, ''),
-      })
-        .addEvents()
-        .initialize();
+      initContentSdk({
+        config: {
+          contextId: config.api.edge.clientContextId,
+          edgeUrl: config.api.edge.edgeUrl,
+          siteName: siteName || config.defaultSite,
+        },
+        plugins: [
+          analyticsPlugin({
+            options: {
+              enableCookie: true,
+              cookieDomain: window.location.hostname.replace(/^www\./, ''),
+            },
+            adapter: analyticsBrowserAdapter(),
+          }),
+          eventsPlugin(),
+        ],
+      });
     } else {
       console.error('Client Edge API settings missing from configuration');
     }

package/dist/templates/nextjs-app-router/src/app/[site]/[locale]/[[...path]]/layout.tsx

@@ -0,0 +1,19 @@
+import { setCachedPageParams } from '@sitecore-content-sdk/nextjs';
+
+export default async function SiteLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: Promise<{ site: string; locale: string }>;
+}) {
+  const { site, locale } = await params;
+
+  // Update the cached page info with the current site and locale values.
+  // This ensures the notFound page can access the correct site and locale information when rendered
+  // without opting out of SSG by using functions like `headers()`.
+  setCachedPageParams({ locale, site });
+
+  return <>{children}</>;
+}
+

package/dist/templates/nextjs-app-router/src/app/[site]/[locale]/[[...path]]/not-found.tsx

@@ -1,21 +1,13 @@
 import Link from 'next/link';
-import { headers } from 'next/headers';
-import { Suspense } from 'react';
-import { ErrorPage } from '@sitecore-content-sdk/nextjs';
-import { parseRewriteHeader } from '@sitecore-content-sdk/nextjs/utils';
+import { ErrorPage, getCachedPageParams } from '@sitecore-content-sdk/nextjs';
 import client from 'lib/sitecore-client';
 import scConfig from 'sitecore.config';
 import Layout from 'src/Layout';
 import Providers from 'src/Providers';
 import { NextIntlClientProvider } from 'next-intl';
 
-// Part of not-found component that handles dynamic data, like the `headers()` call and error page fetching.
-// This component is wrapped in Suspense to enable Next.js 16 Partial Prerendering (PPR),
-// which allows streaming dynamic content while keeping static parts prerendered.
-// This pattern also works seamlessly when Cache Components is enabled.
-async function DynamicNotFoundContent() {
-  const headersList = await headers();
-  const { site, locale } = parseRewriteHeader(headersList);
+export default async function NotFound() {
+  const { site, locale } = getCachedPageParams();
 
   const page = await client.getErrorPage(ErrorPage.NotFound, {
     site: site || scConfig.defaultSite,
@@ -40,20 +32,3 @@ async function DynamicNotFoundContent() {
     </div>
   );
 }
-
-export default function NotFound() {
-  // Wrap dynamic content in Suspense to enable Next.js 16 Partial Prerendering (PPR).
-  // PPR allows streaming dynamic content while keeping static parts prerendered for better performance.
-  return (
-    <Suspense
-      fallback={
-        <div style={{ padding: 10 }}>
-          <h1>Page not found</h1>
-          <p>Loading...</p>
-        </div>
-      }
-    >
-      <DynamicNotFoundContent />
-    </Suspense>
-  );
-}

package/dist/templates/nextjs-app-router/src/app/[site]/[locale]/[[...path]]/page.tsx

@@ -1,7 +1,6 @@
 import { isDesignLibraryPreviewData } from '@sitecore-content-sdk/nextjs/editing';
 import { notFound } from 'next/navigation';
 import { draftMode } from 'next/headers';
-import { Suspense } from 'react';
 <% if (prerender === 'SSG') { -%>
 import { SiteInfo } from '@sitecore-content-sdk/nextjs';
 import sites from '.sitecore/sites.json';
@@ -19,11 +18,12 @@ type PageProps = {
   searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
 };
 
-// Part of page component that handles dynamic data, like the `draftMode()` call and data fetching.
-// This component is wrapped in Suspense to enable Next.js 16 Partial Prerendering (PPR),
-// which allows streaming dynamic content while keeping static parts prerendered.
-// This pattern also works seamlessly when Cache Components is enabled.
-async function DynamicPageContent({ site, locale, path, searchParams }: { site: string; locale: string; path?: string[]; searchParams: Promise<{ [key: string]: string | string[] | undefined }> }) {
+export default async function Page({ params, searchParams }: PageProps) {
+  const { site, locale, path } = await params;
+
+  // Set site and locale to be available in src/i18n/request.ts for fetching the dictionary
+  setRequestLocale(`${site}_${locale}`);
+
   const draft = await draftMode();
 
   // Fetch the page data from Sitecore
@@ -53,21 +53,6 @@ async function DynamicPageContent({ site, locale, path, searchParams }: { site:
   );
 }
 
-export default async function Page({ params, searchParams }: PageProps) {
-  const { site, locale, path } = await params;
-
-  // Set site and locale to be available in src/i18n/request.ts for fetching the dictionary
-  setRequestLocale(`${site}_${locale}`);
-
-  // Wrap dynamic content in Suspense to enable Next.js 16 Partial Prerendering (PPR).
-  // PPR allows streaming dynamic content while keeping static parts prerendered for better performance.
-  return (
-    <Suspense fallback={<div>Loading...</div>}>
-      <DynamicPageContent site={site} locale={locale} path={path} searchParams={searchParams} />
-    </Suspense>
-  );
-}
-
 <% if (prerender === 'SSG') { -%>
 // This function gets called at build and export time to determine
 // pages for SSG ("paths", as tokenized array).

package/dist/templates/nextjs-app-router/src/app/[site]/layout.tsx

@@ -1,22 +1,6 @@
 import { draftMode } from 'next/headers';
-import { Suspense } from 'react';
 import Bootstrap from 'src/Bootstrap';
 
-// Part of layout component that handles dynamic data, like the `draftMode()` call.
-// This component is wrapped in Suspense to enable Next.js 16 Partial Prerendering (PPR),
-// which allows streaming dynamic content while keeping static parts prerendered.
-// This pattern also works seamlessly when Cache Components is enabled.
-async function DynamicLayoutContent({ site, children }: { site: string; children: React.ReactNode }) {
-  const { isEnabled } = await draftMode();
-
-  return (
-    <>
-      <Bootstrap siteName={site} isPreviewMode={isEnabled} />
-      {children}
-    </>
-  );
-}
-
 export default async function SiteLayout({
   children,
   params,
@@ -25,12 +9,12 @@ export default async function SiteLayout({
   params: Promise<{ site: string }>;
 }) {
   const { site } = await params;
+  const { isEnabled } = await draftMode();
 
-  // Wrap dynamic content in Suspense to enable Next.js 16 Partial Prerendering (PPR).
-  // PPR allows streaming dynamic content while keeping static parts prerendered for better performance.
   return (
-    <Suspense fallback={<>{children}</>}>
-      <DynamicLayoutContent site={site}>{children}</DynamicLayoutContent>
-    </Suspense>
+    <>
+      <Bootstrap siteName={site} isPreviewMode={isEnabled} />
+      {children}
+    </>
   );
 }

package/dist/templates/nextjs-app-router/src/app/not-found.tsx

@@ -1,16 +1,11 @@
 import Link from 'next/link';
-import { Suspense } from 'react';
 import client from 'lib/sitecore-client';
 import scConfig from 'sitecore.config';
 import { ErrorPage } from '@sitecore-content-sdk/nextjs';
 import Layout from 'src/Layout';
 import Providers from 'src/Providers';
 
-// Part of not-found component that handles dynamic data, like error page fetching.
-// This component is wrapped in Suspense to enable Next.js 16 Partial Prerendering (PPR),
-// which allows streaming dynamic content while keeping static parts prerendered.
-// This pattern also works seamlessly when Cache Components is enabled.
-async function DynamicNotFoundContent() {
+export default async function NotFound() {
   if (scConfig.defaultSite) {
     const page = await client.getErrorPage(ErrorPage.NotFound, {
       site: scConfig.defaultSite,
@@ -34,20 +29,3 @@ async function DynamicNotFoundContent() {
     </div>
   );
 }
-
-export default function NotFound() {
-  // Wrap dynamic content in Suspense to enable Next.js 16 Partial Prerendering (PPR).
-  // PPR allows streaming dynamic content while keeping static parts prerendered for better performance.
-  return (
-    <Suspense
-      fallback={
-        <div style={{ padding: 10 }}>
-          <h1>Page not found</h1>
-          <p>Loading...</p>
-        </div>
-      }
-    >
-      <DynamicNotFoundContent />
-    </Suspense>
-  );
-}

package/dist/templates/nextjs-app-router/src/byoc/index.tsx

@@ -1,6 +1,6 @@
 import React, { JSX } from 'react';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
-import * as Events from '@sitecore-cloudsdk/events/browser';
+import * as Events from '@sitecore-content-sdk/events';
 import { LayoutServicePageState, SitecoreProviderReactContext } from '@sitecore-content-sdk/nextjs';
 import '@sitecore/components/context';
 import dynamic from 'next/dynamic';

package/dist/templates/nextjs-app-router/src/components/content-sdk/CdpPageView.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { CdpHelper, useSitecore } from '@sitecore-content-sdk/nextjs';
 import { useEffect, JSX } from 'react';
-import { pageView } from '@sitecore-cloudsdk/events/browser';
+import { pageView } from '@sitecore-content-sdk/events';
 import config from 'sitecore.config';
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-content-sdk-app",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Sitecore Content SDK initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -70,5 +70,5 @@
     "ts-node": "^10.9.2",
     "typescript": "~5.8.3"
   },
-  "gitHead": "492d7d718c965bbfe394d6c12c2e4870220cf4bf"
+  "gitHead": "fc12774027a7aa86b870d5da278426b9cdfbfffb"
 }

package/dist/initializers/angular/args.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/initializers/angular/index.js

@@ -1,30 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const common_1 = require("../../common");
-const prompts_1 = require("./prompts");
-const inquirer_1 = __importDefault(require("inquirer"));
-class AngularInitializer {
-    init(args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const answers = yield inquirer_1.default.prompt(prompts_1.prompts, args);
-            const templatePath = path_1.default.resolve(__dirname, '../../templates/angular');
-            yield (0, common_1.transform)(templatePath, Object.assign(Object.assign({}, args), answers));
-            const response = {};
-            return response;
-        });
-    }
-}
-exports.default = AngularInitializer;

package/dist/initializers/angular/prompts.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.prompts = void 0;
-const common_1 = require("../../common");
-const defaultName = 'content-sdk-angular';
-exports.prompts = [
-    ...common_1.baseAppPrompts,
-    {
-        type: 'input',
-        name: 'appName',
-        message: 'What would you like to name your application?',
-        default: defaultName,
-        when: (answers) => {
-            if (answers.yes && !answers.appName) {
-                answers.appName = defaultName;
-            }
-            return !answers.appName;
-        },
-    },
-];

package/dist/templates/angular/.postcssrc.json

@@ -1,5 +0,0 @@
-{
-  "plugins": {
-    "@tailwindcss/postcss": {}
-  }
-}

package/dist/templates/angular/.vscode/extensions.json

@@ -1,4 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-  "recommendations": ["angular.ng-template"]
-}

package/dist/templates/angular/README.md

@@ -1,3 +0,0 @@
-# Content SDK Angular sample
-
-This will be expanded

package/dist/templates/angular/angular.json

@@ -1,79 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "cli": {
-    "packageManager": "yarn"
-  },
-  "newProjectRoot": "projects",
-  "projects": {
-    "<%- appName %>": {
-      "projectType": "application",
-      "schematics": {},
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular/build:application",
-          "options": {
-            "browser": "src/main.ts",
-            "tsConfig": "tsconfig.json",
-            "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
-            ],
-            "styles": ["src/styles.css"],
-            "server": "src/main.server.ts",
-            "outputMode": "server",
-            "ssr": {
-              "entry": "src/server.ts"
-            }
-          },
-          "configurations": {
-            "production": {
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kB",
-                  "maximumError": "1MB"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "4kB",
-                  "maximumError": "8kB"
-                }
-              ],
-              "outputHashing": "all"
-            },
-            "development": {
-              "optimization": false,
-              "extractLicenses": false,
-              "sourceMap": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular/build:dev-server",
-          "options": {
-            "prebundle": false
-          },
-          "configurations": {
-            "production": {
-              "buildTarget": "<%- appName %>:build:production"
-            },
-            "development": {
-              "buildTarget": "<%- appName %>:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "test": {
-          "builder": "@angular/build:unit-test"
-        }
-      }
-    }
-  }
-}

package/dist/templates/angular/package.json

@@ -1,58 +0,0 @@
-{
-  "name": "<%- appName %>",
-  "version": "0.0.0",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test",
-    "serve:ssr": "node dist/<%- appName %>/server/server.mjs"
-  },
-  "prettier": {
-    "printWidth": 100,
-    "singleQuote": true,
-    "overrides": [
-      {
-        "files": "*.html",
-        "options": {
-          "parser": "angular"
-        }
-      }
-    ]
-  },
-  "private": true,
-  <%_ if (helper.isDev) { -%>
-  "installConfig": {
-    "hoistingLimits": "none"
-  },
-  <% } -%>
-  "dependencies": {
-    "@angular/common": "^21.1.0",
-    "@angular/compiler": "^21.1.0",
-    "@angular/core": "^21.1.0",
-    "@angular/forms": "^21.1.0",
-    "@angular/platform-browser": "^21.1.0",
-    "@angular/platform-server": "^21.1.0",
-    "@angular/router": "^21.1.0",
-    "@angular/ssr": "^21.1.4",
-    "@sitecore-content-sdk/angular": "^2.0.0-canary.6",
-    "dotenv": "^16.5.0",
-    "express": "^5.1.0",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0"
-  },
-  "devDependencies": {
-    "@angular/build": "^21.1.4",
-    "@angular/cli": "^21.1.4",
-    "@angular/compiler-cli": "^21.1.0",
-    "@tailwindcss/postcss": "^4.1.12",
-    "@types/express": "^5.0.1",
-    "@types/node": "^20.17.19",
-    "jsdom": "^27.1.0",
-    "postcss": "^8.5.3",
-    "tailwindcss": "^4.1.12",
-    "typescript": "~5.9.2",
-    "vitest": "^4.0.8"
-  }
-}

package/dist/templates/angular/src/app/app.config.server.ts

@@ -1,12 +0,0 @@
-import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
-import { provideServerRendering, withRoutes } from '@angular/ssr';
-import { appConfig } from './app.config';
-import { serverRoutes } from './app.routes.server';
-
-const serverConfig: ApplicationConfig = {
-  providers: [
-    provideServerRendering(withRoutes(serverRoutes))
-  ]
-};
-
-export const config = mergeApplicationConfig(appConfig, serverConfig);

package/dist/templates/angular/src/app/app.config.ts

@@ -1,31 +0,0 @@
-import { ApplicationConfig, provideBrowserGlobalErrorListeners } from '@angular/core';
-import { provideRouter, withNavigationErrorHandler } from '@angular/router';
-import { provideHttpClient, withFetch } from '@angular/common/http';
-import {
-  provideLoaderRegistry,
-  handleNavigationError,
-  provideSitecoreAngular,
-  PreLoaderDataService,
-} from '@sitecore-content-sdk/angular';
-import { routes } from './app.routes';
-import { LOADERS } from './loaders';
-
-/**
- * Client hydration is disabled so that RouterLink and other directives attach correctly
- * after bootstrap. With provideClientHydration(), server-rendered DOM is reused and
- * directive event listeners (e.g. RouterLink click) can fail to attach. Without
- * hydration, the client re-renders the app and routing works as expected.
- */
-export const appConfig: ApplicationConfig = {
-  providers: [
-    provideBrowserGlobalErrorListeners(),
-    provideHttpClient(withFetch()),
-    provideSitecoreAngular({
-      notFoundRoute: '/404',
-      errorRoute: '/500',
-    }),
-    provideLoaderRegistry(LOADERS),
-    PreLoaderDataService,
-    provideRouter(routes, withNavigationErrorHandler(handleNavigationError())),
-  ],
-};

package/dist/templates/angular/src/app/app.html

@@ -1 +0,0 @@
-<router-outlet />

package/dist/templates/angular/src/app/app.routes.server.ts

@@ -1,15 +0,0 @@
-import { RenderMode, ServerRoute } from '@angular/ssr';
-
-/**
- * Server route config. Define 404 and 500 with status so that when the loader resolver
- * redirects to the not-found or error route (e.g. after NotFoundNavigationError or LoaderHttpError),
- * the server responds with the correct HTTP status code instead of 200.
- */
-export const serverRoutes: ServerRoute[] = [
-  { path: '404', renderMode: RenderMode.Server, status: 404 },
-  { path: '500', renderMode: RenderMode.Server, status: 500 },
-  {
-    path: '**',
-    renderMode: RenderMode.Server,
-  },
-];