[Headless SXA] Nextjs-SXA empty add-on

packages/create-sitecore-jss/src/initializers/nextjs-sxa/index.ts

@@ -0,0 +1,39 @@
+import path from 'path';
+import {
+  Initializer,
+  openPackageJson,
+  transform,
+  DEFAULT_APPNAME,
+  ClientAppArgs,
+} from '../../common';
+
+export default class NextjsSxaInitializer implements Initializer {
+  get isBase(): boolean {
+    return false;
+  }
+
+  async init(args: ClientAppArgs) {
+    const pkg = openPackageJson(`${args.destination}\\package.json`);
+
+    // TODO: prompts for SXA
+    // const answers = await prompt<StyleguideAnswer>(styleguidePrompts, args);
+
+    const mergedArgs = {
+      ...args,
+      appName: args.appName || pkg?.config?.appName || DEFAULT_APPNAME,
+      appPrefix: args.appPrefix || pkg?.config?.prefix || false,
+    };
+
+    const templatePath = path.resolve(__dirname, '../../templates/nextjs-sxa');
+
+    await transform(templatePath, mergedArgs);
+
+    const response = {
+      // TODO: next steps
+      nextSteps: [],
+      appName: mergedArgs.appName,
+    };
+
+    return response;
+  }
+}

packages/create-sitecore-jss/src/initializers/nextjs/index.ts

@@ -30,7 +30,7 @@ export default class NextjsInitializer implements Initializer {
         type: 'checkbox',
         name: 'addInitializers',
         message: 'Would you like to include any add-on initializers?',
-        choices: ['nextjs-styleguide'],
+        choices: ['nextjs-styleguide', 'nextjs-sxa'],
       });
       addInitializers = addInitAnswer.addInitializers;
     }

packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/HelloWorld.tsx

@@ -0,0 +1,10 @@
+/**
+ * A simple placeholder component.
+ */
+const HelloWorld = (): JSX.Element => (
+  <div className="contentBlock">
+    <p>Hello World</p>
+  </div>
+);
+
+export default HelloWorld;