create-sitecore-jss 22.5.0-beta.1 → 22.5.0-beta.10

package/dist/common/processes/transform.js

@@ -183,8 +183,8 @@ const diffAndWriteFiles = (_a) => __awaiter(void 0, [_a], void 0, function* ({ r
 exports.diffAndWriteFiles = diffAndWriteFiles;
 const populateEjsData = (answers, destination) => {
     // pass in helper to answers object
-    // Don't expose prerelease build number in the generated app
-    const jssVersion = version.replace(/(\.\d+)$/, '');
+    // Use exact version for jss dependencies in beta and canary versions
+    const jssVersion = version.match(/(\-[a-zA-Z]+\.\d+)$/) ? version : `~${version}`;
     const ejsData = Object.assign(Object.assign({}, answers), { version: jssVersion, helper: {
             isDev: (0, helpers_1.isDevEnvironment)(destination || answers.destination),
             getPascalCaseName: helpers_1.getPascalCaseName,

package/dist/templates/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "<%- appName %>",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "description": "Application utilizing Sitecore JavaScript Services and Angular (angular-cli).",
   "config": {
     "appName": "<%- appName %>",
@@ -57,7 +57,7 @@
     "@apollo/client": "^3.3.12",
     "@ngx-translate/core": "~15.0.0",
     "@ngx-translate/http-loader": "~8.0.0",
-    "@sitecore-jss/sitecore-jss-angular": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-angular": "<%- version %>",
     "apollo-angular": "~6.0.0",
     "bootstrap": "^5.3.3",
     "core-js": "~3.37.1",
@@ -79,9 +79,9 @@
     "@angular/cli": "~17.3.8",
     "@angular/compiler-cli": "~17.3.11",
     "@angular/language-service": "~17.3.11",
-    "@sitecore-jss/sitecore-jss-angular-schematics": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-angular-schematics": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-cli": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "<%- version %>",
     "@types/jasmine": "~3.6.7",
     "@types/jasminewd2": "~2.0.8",
     "@types/node": "~22.9.0",

package/dist/templates/nextjs/package.json

@@ -1,7 +1,7 @@
 {
   "name": "<%- appName %>",
   "description": "Application utilizing Sitecore JavaScript Services and Next.js",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "private": true,
   "config": {
     "appName": "<%- appName %>",
@@ -25,7 +25,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@sitecore-jss/sitecore-jss-nextjs": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-nextjs": "<%- version %>",
     "graphql": "~15.8.0",
     "graphql-tag": "^2.12.6",
     "next": "^14.2.18",
@@ -43,8 +43,8 @@
     "@graphql-codegen/typescript-operations": "^4.0.1",
     "@graphql-codegen/typescript-resolvers": "^4.0.1",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-cli": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "<%- version %>",
     "@types/node": "^22.9.0",
     "@types/react": "^18.2.22",
     "@types/react-dom": "^18.0.5",

package/dist/templates/nextjs/scripts/generate-component-builder/plugins/component-builder.ts

@@ -8,7 +8,7 @@ import {
  * Generates the component builder file.
  */
 class ComponentBuilderPlugin implements ComponentBuilderPluginType {
-  order = 9999;
+  order = 99;
 
   exec(config: ComponentBuilderPluginConfig) {
     generateComponentBuilder(config);

package/dist/templates/nextjs-styleguide/package.json

@@ -4,7 +4,7 @@
     "nprogress": "~0.2.0"
   },
   "devDependencies": {
-    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "<%- version %>",
     "@types/nprogress": "^0.2.0"
   },
   "scripts": {

package/dist/templates/nextjs-sxa/src/Layout.tsx

@@ -3,7 +3,14 @@
  */
 import React from 'react';
 import Head from 'next/head';
-import { Placeholder, LayoutServiceData, Field, HTMLLink } from '@sitecore-jss/sitecore-jss-nextjs';
+import {
+  Placeholder,
+  LayoutServiceData,
+  Field,
+  DesignLibrary,
+  HTMLLink,
+  RenderingType
+} from '@sitecore-jss/sitecore-jss-nextjs';
 import config from 'temp/config';
 import Scripts from 'src/Scripts';
 
@@ -40,15 +47,29 @@ const Layout = ({ layoutData, headLinks }: LayoutProps): JSX.Element => {
 
       {/* root placeholder for the app, which we add components to using route data */}
       <div className={mainClassPageEditing}>
-        <header>
-          <div id="header">{route && <Placeholder name="headless-header" rendering={route} />}</div>
-        </header>
-        <main>
-          <div id="content">{route && <Placeholder name="headless-main" rendering={route} />}</div>
-        </main>
-        <footer>
-          <div id="footer">{route && <Placeholder name="headless-footer" rendering={route} />}</div>
-        </footer>
+        <% if (templates.includes('nextjs-xmcloud') || templates.includes('nextjs-sxa')) { %>
+          {layoutData.sitecore.context.renderingType === RenderingType.Component ? (
+            <DesignLibrary {...layoutData} />
+          ) : (
+            <>
+              <header>
+                <div id="header">
+                  {route && <Placeholder name="headless-header" rendering={route} />}
+                </div>
+              </header>
+              <main>
+                <div id="content">
+                  {route && <Placeholder name="headless-main" rendering={route} />}
+                </div>
+              </main>
+              <footer>
+                <div id="footer">
+                  {route && <Placeholder name="headless-footer" rendering={route} />}
+                </div>
+              </footer>
+            </>
+          )}
+        <% } %>
       </div>
     </>
   );

package/dist/templates/nextjs-sxa/src/pages/404.tsx

@@ -21,6 +21,14 @@ const Custom404 = (props: SitecorePageProps): JSX.Element => {
     <SitecoreContext
       componentFactory={componentBuilder.getComponentFactory()}
       layoutData={props.layoutData}
+      <% if (templates.includes('nextjs-xmcloud')) { %>
+        api={{
+          edge: {
+            contextId: config.sitecoreEdgeContextId,
+            edgeUrl: config.sitecoreEdgeUrl,
+          },
+        }}
+      <% } %>
     >
       <Layout layoutData={props.layoutData} headLinks={props.headLinks} />
     </SitecoreContext>

package/dist/templates/nextjs-sxa/src/pages/500.tsx

@@ -37,6 +37,14 @@ const Custom500 = (props: SitecorePageProps): JSX.Element => {
     <SitecoreContext
       componentFactory={componentBuilder.getComponentFactory()}
       layoutData={props.layoutData}
+      <% if (templates.includes('nextjs-xmcloud')) { %>
+        api={{
+          edge: {
+            contextId: config.sitecoreEdgeContextId,
+            edgeUrl: config.sitecoreEdgeUrl,
+          },
+        }}
+      <% } %>
     >
       <Layout layoutData={props.layoutData} headLinks={props.headLinks} />
     </SitecoreContext>

package/dist/templates/nextjs-xmcloud/scripts/generate-component-builder/plugins/code-extraction.ts

@@ -0,0 +1,16 @@
+import { ComponentBuilderPlugin, ComponentBuilderPluginConfig } from '..';
+import { extractComponents } from '@sitecore-jss/sitecore-jss-dev-tools';
+
+/**
+ * If consented to, sends components code for code generation learning to XMC
+ */
+class CodeExtractionPlugin implements ComponentBuilderPlugin {
+  order = 100;
+
+  exec(config: ComponentBuilderPluginConfig) {
+    extractComponents({});
+    return config;
+  }
+}
+
+export const codeExtractionPlugin = new CodeExtractionPlugin();

package/dist/templates/nextjs-xmcloud/src/Bootstrap.tsx

@@ -3,7 +3,7 @@ import { SitecorePageProps } from 'lib/page-props';
 import { CloudSDK } from '@sitecore-cloudsdk/core/browser';
 import '@sitecore-cloudsdk/events/browser';
 import config from 'temp/config';
-import { LayoutServicePageState } from '@sitecore-jss/sitecore-jss-nextjs';
+import { LayoutServicePageState, RenderingType } from '@sitecore-jss/sitecore-jss-nextjs';
 
 /**
  * The Bootstrap component is the entry point for performing any initialization logic
@@ -16,7 +16,10 @@ const Bootstrap = (props: SitecorePageProps): JSX.Element | null => {
     const renderingType = props.layoutData?.sitecore?.context.renderingType;
     if (process.env.NODE_ENV === 'development')
       console.debug('Browser Events SDK is not initialized in development environment');
-    else if (pageState !== LayoutServicePageState.Normal || renderingType === 'component')
+    else if (
+      pageState !== LayoutServicePageState.Normal ||
+      renderingType === RenderingType.Component
+    )
       console.debug('Browser Events SDK is not initialized in edit and preview modes');
     else {
       CloudSDK({

package/dist/templates/nextjs-xmcloud/src/lib/page-props-factory/plugins/component-themes.ts

@@ -1,5 +1,5 @@
 import { SitecorePageProps } from 'lib/page-props';
-import { getComponentLibraryStylesheetLinks } from '@sitecore-jss/sitecore-jss-nextjs';
+import { getDesignLibraryStylesheetLinks } from '@sitecore-jss/sitecore-jss-nextjs';
 import { Plugin } from '..';
 import config from 'temp/config';
 
@@ -10,7 +10,7 @@ class ComponentThemesPlugin implements Plugin {
   async exec(props: SitecorePageProps) {
     // Collect FEAAS, BYOC, SXA component themes
     props.headLinks.push(
-      ...getComponentLibraryStylesheetLinks(
+      ...getDesignLibraryStylesheetLinks(
         props.layoutData,
         config.sitecoreEdgeContextId,
         config.sitecoreEdgeUrl

package/dist/templates/nextjs-xmcloud/src/lib/page-props-factory/plugins/preview-mode.ts

@@ -6,7 +6,7 @@ import {
 } from '@sitecore-jss/sitecore-jss-nextjs';
 import {
   editingDataService,
-  isComponentLibraryPreviewData,
+  isDesignLibraryPreviewData,
   isEditingMetadataPreviewData,
 } from '@sitecore-jss/sitecore-jss-nextjs/editing';
 import { SitecorePageProps } from 'lib/page-props';
@@ -21,9 +21,16 @@ class PreviewModePlugin implements Plugin {
   async exec(props: SitecorePageProps, context: GetServerSidePropsContext | GetStaticPropsContext) {
     if (!context.preview) return props;
 
-    if (isComponentLibraryPreviewData(context.previewData)) {
-      const { itemId, componentUid, site, language, renderingId, dataSourceId, version } =
-        context.previewData;
+    if (isDesignLibraryPreviewData(context.previewData)) {
+      const {
+        itemId,
+        componentUid,
+        site,
+        language,
+        renderingId,
+        dataSourceId,
+        version,
+      } = context.previewData;
 
       const componentService = new RestComponentLayoutService({
         apiHost: config.sitecoreApiHost,

package/dist/templates/nextjs-xmcloud/src/pages/[[...path]].tsx

@@ -0,0 +1,112 @@
+import { useEffect } from 'react';
+<% if (prerender === 'SSG') { -%>
+import { GetStaticPaths, GetStaticProps } from 'next';
+<% } else if (prerender === 'SSR') { -%>
+import { GetServerSideProps } from 'next';
+<% } -%>
+import NotFound from 'src/NotFound';
+import Layout from 'src/Layout';
+import {
+  SitecoreContext,
+  ComponentPropsContext,
+  <% if (prerender === 'SSG') { -%>
+  StaticPath,
+  <% } -%>
+} from '@sitecore-jss/sitecore-jss-nextjs';
+import { handleEditorFastRefresh } from '@sitecore-jss/sitecore-jss-nextjs/utils';
+import { SitecorePageProps } from 'lib/page-props';
+import { sitecorePagePropsFactory } from 'lib/page-props-factory';
+import { componentBuilder } from 'temp/componentBuilder';
+import config from 'temp/config';
+<% if (prerender === 'SSG') { -%>
+import { sitemapFetcher } from 'lib/sitemap-fetcher';
+
+<% } -%>
+
+const SitecorePage = ({ notFound, componentProps, layoutData, headLinks }: SitecorePageProps): JSX.Element => {
+  useEffect(() => {
+    // Since Sitecore editors do not support Fast Refresh, need to refresh editor chromes after Fast Refresh finished
+    handleEditorFastRefresh();
+  }, []);
+
+  if (notFound || !layoutData.sitecore.route) {
+    // Shouldn't hit this (as long as 'notFound' is being returned below), but just to be safe
+    return <NotFound />;
+  }
+
+  const isEditing = layoutData.sitecore.context.pageEditing;
+
+  return (
+    <ComponentPropsContext value={componentProps}>
+      <SitecoreContext
+        componentFactory={componentBuilder.getComponentFactory({ isEditing })}
+        layoutData={layoutData}
+        api={{
+          edge: {
+            contextId: config.sitecoreEdgeContextId,
+            edgeUrl: config.sitecoreEdgeUrl,
+          },
+        }}
+      >
+        <Layout layoutData={layoutData} headLinks={headLinks} />
+      </SitecoreContext>
+    </ComponentPropsContext>
+  );
+};
+
+<% if (prerender === 'SSG') { -%>
+// This function gets called at build and export time to determine
+// pages for SSG ("paths", as tokenized array).
+export const getStaticPaths: GetStaticPaths = async (context) => {
+  // Fallback, along with revalidate in getStaticProps (below),
+  // enables Incremental Static Regeneration. This allows us to
+  // leave certain (or all) paths empty if desired and static pages
+  // will be generated on request (development mode in this example).
+  // Alternatively, the entire sitemap could be pre-rendered
+  // ahead of time (non-development mode in this example).
+  // See https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration
+
+  let paths: StaticPath[] = [];
+  let fallback: boolean | 'blocking' = 'blocking';
+
+  if (process.env.NODE_ENV !== 'development' && process.env.DISABLE_SSG_FETCH?.toLowerCase() !== 'true') {
+    try {
+      // Note: Next.js runs export in production mode
+      paths = await sitemapFetcher.fetch(context);
+    } catch (error) {
+      console.log('Error occurred while fetching static paths');
+      console.log(error);
+    }
+
+    fallback = process.env.EXPORT_MODE ? false : fallback;
+  }
+
+  return {
+    paths,
+    fallback,
+  };
+};
+
+// This function gets called at build time on server-side.
+// It may be called again, on a serverless function, if
+// revalidation (or fallback) is enabled and a new request comes in.
+export const getStaticProps: GetStaticProps = async (context) => {
+<% } else if (prerender === 'SSR') { -%>
+// This function gets called at request time on server-side.
+export const getServerSideProps: GetServerSideProps = async (context) => {
+<% } -%>
+  const props = await sitecorePagePropsFactory.create(context);
+
+  return {
+    props,
+<% if (prerender === 'SSG') { -%>
+    // Next.js will attempt to re-generate the page:
+    // - When a request comes in
+    // - At most once every 5 seconds
+    revalidate: 5, // In seconds
+<% } -%>
+    notFound: props.notFound, // Returns custom 404 page with a status code of 404 when true
+  };
+};
+
+export default SitecorePage;

package/dist/templates/node-headless-ssr-experience-edge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-headless-ssr-experience-edge-sample",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "description": "Node server-side-rendering sample for running JSS apps under Node hosting using Experience Edge",
   "scripts": {
     "start": "ts-node ./src/index.ts"
@@ -19,7 +19,7 @@
   "homepage": "https://jss.sitecore.com",
   "license": "Apache-2.0",
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss": "<%- version %>",
     "compression": "^1.7.4",
     "express": "^4.18.2",
     "dotenv": "^16.0.3"

package/dist/templates/node-headless-ssr-proxy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-headless-ssr-proxy-sample",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "description": "Node server-side-rendering proxy sample for running JSS apps under Node hosting",
   "scripts": {
     "start": "ts-node ./src/index.ts"
@@ -19,8 +19,8 @@
   "homepage": "https://jss.sitecore.com",
   "license": "Apache-2.0",
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-proxy": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-proxy": "<%- version %>",
     "agentkeepalive": "^4.2.1",
     "compression": "~1.7.4",
     "express": "~4.19.2",

package/dist/templates/node-xmcloud-proxy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-xmcloud-sample",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "description": "Node XM Cloud Proxy sample for running XM Cloud JSS SPA apps",
   "author": {
     "name": "Sitecore Corporation",
@@ -10,14 +10,14 @@
     "start": "ts-node ./src/index.ts"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss-proxy": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-proxy": "<%- version %>",
     "compression": "^1.7.4",
     "express": "^4.18.2",
     "dotenv": "^16.0.3",
     "http-proxy-middleware": "^3.0.0"
   },
   "devDependencies": {
-    "@sitecore-jss/sitecore-jss": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss": "<%- version %>",
     "@types/compression": "^1.7.2",
     "@types/express": "^4.17.17",
     "ts-node": "^10.9.1",

package/dist/templates/react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "<%- appName %>",
   "description": "Application utilizing Sitecore JavaScript Services and React (create-react-app).",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "private": true,
   "config": {
     "appName": "<%- appName %>",
@@ -28,7 +28,7 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@sitecore-jss/sitecore-jss-react": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-react": "<%- version %>",
     "bootstrap": "^5.2.3",
     "cross-fetch": "^3.1.5",
     "fast-deep-equal": "^3.1.3",
@@ -52,9 +52,9 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/register": "~7.18.9",
-    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-rendering-host": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-cli": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-rendering-host": "<%- version %>",
     "babel-loader": "~9.1.0",
     "babel-preset-react-app": "~10.0.1",
     "chalk": "~4.1.2",

package/dist/templates/react-native/package.json

@@ -1,6 +1,6 @@
 {
   "name": "<%- appName %>",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "description": "A basic React Native app utilizing Sitecore JavaScript Services",
   "config": {
     "appName": "<%- appName %>",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@react-native-community/masked-view": "^0.1.10",
-    "@sitecore-jss/sitecore-jss-react-native": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-react-native": "<%- version %>",
     "prop-types": "^15.6.0",
     "react": "16.13.1",
     "react-native": "^0.63.4",
@@ -37,8 +37,8 @@
   },
   "private": true,
   "devDependencies": {
-    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-cli": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "<%- version %>",
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.2.1",
     "babel-plugin-inline-replace-variables": "^1.3.1",

package/dist/templates/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "<%- appName %>",
-  "version": "<%- version %>",
+  "version": "0.1.0",
   "description": "Application utilizing Sitecore JavaScript Services and Vue (vue-cli).",
   "private": true,
   "config": {
@@ -45,7 +45,7 @@
   "dependencies": {
     "@apollo/client": "^3.7.4",
     "@panter/vue-i18next": "~0.15.2",
-    "@sitecore-jss/sitecore-jss-vue": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-vue": "<%- version %>",
     "@vue/apollo-composable": "4.0.0-beta.2",
     "@vue/apollo-option": "^4.0.0",
     "@vue/apollo-ssr": "^4.0.0",
@@ -62,8 +62,8 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.19.1",
     "@babel/register": "7.18.9",
-    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-cli": "<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "<%- version %>",
     "@vue/cli-plugin-babel": "~5.0.8",
     "@vue/cli-plugin-eslint": "~5.0.8",
     "@vue/cli-service": "~5.0.8",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.5.0-beta.1",
+  "version": "22.5.0-beta.10",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -65,5 +65,5 @@
     "ts-node": "^10.9.1",
     "typescript": "~5.6.3"
   },
-  "gitHead": "e080916b354c36e63f29f01fbcb87688d7f2b4cd"
+  "gitHead": "5219803dfd700b1e2967c02e1b17db07f6f31b45"
 }

package/dist/templates/nextjs-xmcloud/src/pages/component-library/render.tsx

@@ -1,51 +0,0 @@
-import { GetServerSideProps } from 'next';
-import Head from 'next/head';
-import {
-  ComponentLibraryLayout,
-  ComponentPropsContext,
-  SitecoreContext,
-} from '@sitecore-jss/sitecore-jss-nextjs';
-import { SitecorePageProps } from 'lib/page-props';
-import { sitecorePagePropsFactory } from 'lib/page-props-factory';
-import NotFound from 'src/NotFound';
-import { componentBuilder } from 'temp/componentBuilder';
-import config from 'temp/config';
-
-const FEAASRender = ({
-  notFound,
-  componentProps,
-  layoutData,
-  headLinks,
-}: SitecorePageProps): JSX.Element => {
-  if (notFound) {
-    return <NotFound />;
-  }
-  return (
-    <ComponentPropsContext value={componentProps}>
-      <SitecoreContext
-        componentFactory={componentBuilder.getComponentFactory()}
-        layoutData={layoutData}
-      >
-        <Head>
-          <title>Sitecore Component Library</title>
-          <link rel="icon" href={`${config.publicUrl}/favicon.ico`} />
-          {headLinks.map((headLink) => (
-            <link rel={headLink.rel} key={headLink.href} href={headLink.href} />
-          ))}
-        </Head>
-        <ComponentLibraryLayout {...layoutData} />
-      </SitecoreContext>
-    </ComponentPropsContext>
-  );
-};
-
-export const getServerSideProps: GetServerSideProps = async (context) => {
-  const props = await sitecorePagePropsFactory.create(context);
-  return {
-    props,
-    // not found when page not requested through editing render api or notFound set in page-props
-    notFound: props.notFound || !context.preview,
-  };
-};
-
-export default FEAASRender;