Sitecore Headless/JSS Column Splitter Example

Back-port of the XM Cloud sample repo ColumnSplitter (using Next.JS) to Sitecore 10.2. For the full run-through see the blog post.

Simply clone the repo, run an npm install and run storybook or connected mode to test it out.

Supports Storybook for previewing:

npm run storybook

Follow along the blog post (link above) or use Sitecore Content Serialization to create the required items in Sitecore.

Supports Experience Editor for authors:

jss setup
jss start:connected

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
.config		.config
.storybook		.storybook
.vscode		.vscode
public		public
scripts		scripts
serialization		serialization
sitecore/config		sitecore/config
src		src
.babelrc		.babelrc
.env		.env
.eslintrc		.eslintrc
.gitattributes		.gitattributes
.gitignore		.gitignore
.graphql-let.yml		.graphql-let.yml
.prettierignore		.prettierignore
.prettierrc		.prettierrc
ColumnSplitter.module.json		ColumnSplitter.module.json
Content.module.json		Content.module.json
LICENSE.txt		LICENSE.txt
README.md		README.md
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
sitecore.json		sitecore.json
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
tsconfig.scripts.json		tsconfig.scripts.json

Provide feedback