VS Solution Example for Content Hub

Starter Kit for Content Hub with Next.js and GraphQL

This starter kit provides a foundation for building modern, static websites using Next.js with Sitecore Content Hub as a headless content management system. It connects to Sitecore Experience Edge via GraphQL to fetch content and generate static pages, enabling developers to quickly launch content-driven sites. ## Key Features - **Static Site Generation** — Uses Next.js getStaticProps and getStaticPaths to pre-render pages as static HTML and JSON for optimal performance. - **GraphQL Integration** — Connects to Sitecore Content Hub's GraphQL endpoints (both delivery and preview) for efficient content querying. - **Preview Mode** — Includes API routes to enable and disable content preview, allowing editors to see unpublished changes. - **TypeScript Support** — Built with TypeScript for type safety and better developer experience. - **Demo Content Ready** — Configured to work with standard Sitecore Content Hub demo instances containing blog posts and recipes. ## Philosophy The project emphasizes a decoupled architecture where content management and presentation are separated, following best practices for headless CMS implementations and static site generation.

Focal point cropping

This extension enhances Content Hub by enabling users to set a focal point on assets, which is then used to automatically generate cropped public links at various dimensions and aspect ratios. It provides visual tools for selecting the focal point and previewing all generated croppings, streamlining the process of creating multiple image variants for different use cases. ## Key Features - **Focal Point Selection** — An external page component allows users to visually select a focal point on an asset's preview image. - **Automatic Cropping** — Automatically generates multiple public link croppings based on the chosen focal point and predefined ratios or dimensions. - **Cropping Preview** — An external page component displays clickable previews of all available public links for an asset. - **Flexible Configuration** — Supports custom cropping definitions, including fixed dimensions, aspect ratios, and optional custom naming for ratio-based croppings. - **Asset Type Support** — Works with images, videos, and documents, and includes media processing for vector assets. - **Permission Awareness** — The focal point editing interface respects user update permissions on assets. ## Philosophy The project focuses on providing a seamless, integrated extension that leverages Content Hub's existing schema and scripting capabilities to add powerful cropping functionality without requiring external applications.

Content Hub CLI

The Sitecore Content Hub CLI provides a command-line interface for interacting with Sitecore Content Hub, enabling developers and administrators to automate content management workflows and perform administrative tasks efficiently. It streamlines operations by offering scriptable commands that integrate with Content Hub's capabilities. ## Key Features - **Content Management Automation** — Execute batch operations and automate repetitive content tasks via command-line scripts. - **Administrative Operations** — Perform system administration, configuration, and maintenance tasks directly from the terminal. - **Release-Based Distribution** — Access versioned releases for stable and consistent deployment across environments. - **Documentation Integration** — Leverage comprehensive official documentation for guidance on commands and usage. ## Philosophy The tool is designed to enhance developer productivity and operational efficiency by bringing Content Hub's powerful features into a scriptable, command-line environment.

Sitecore Content Hub Importer

Sitecore Content Hub Asset Importer. Allows importing image assets from various data sources into Sitecore Content Hub.