Uniform Examples

This repo contains various examples to facilitate your getting-started experience with Uniform capabilities, such as Uniform Context, Uniform Canvas, and Uniform Mesh.

Baseline starters

These starters don't have a lot of functionality, they are single page, single component sort of "hello world" starters typically used to learn the essentials of Uniform SDK and be used as a starting point for the greenfield projects. Preview, personalization and A/B testing is enabled on all of these starters.

• 🆕 Next.js hello world starter for App Router - essential 1 page, 1 component starter, recommended baseline for new projects using Next.js 14 app router.

• Next.js hello world starter for Page Router - essential 1 page, 1 component starter, recommended baseline for new projects using Next.js page router. The starter is available to be installed via npx @uniformdev/cli@latest new.

• Nuxt hello world starter - essential 1 page, 1 component starter, recommended baseline for new projects using Nuxt 3. The starter is available to be installed via npx @uniformdev/cli@latest new.

• Gatsby 5 starter - a simple marketing site showing the essentials of Uniform + Gatsby.js integration, including personalization and A/B testing!

• Remix starter - essential 1 page, 1 component starter for Remix configured with Cloudlare, recommended as reference for new projects using Uniform Remix SDK.

Localization starters

• 🆕 Next.js starter for Page Router - essential localization enabled starter for Next.js.

• 🆕 Next.js starter for App Router - essential localization enabled starter for Next.js with app router and React Server Components.

Starters pre-wired with integrations

• 🆕 Next.js starter for Klevu - Next.js starter that contains Klevu search components pre-wired to be managed in Uniform, see more docs here.

• Segment CDP personalization example - Next.js starter pre-wired to work with Twilio Segment Profile API to enable personalization. See the related docs here.

• Next.js starter for Sitecore - essential 1 page, 1 component starter pre-wired with the Sitecore XM/XP integration. Recommended baseline for new projects using Next.js.

• Next.js starter for Algolia - Next.js starter that contains Algolia instant search components pre-wired to be managed in Uniform, see more docs here.

• Next.js starter for Coveo - Next.js starter that contains Coveo search components pre-wired to be managed in Uniform, see more docs here.

Uniform Context examples

These starters are enabled with edge-side personalization SDK without visual workspace / Canvas:

1. Edge-side personalization with Akamai Edge Worker
2. Edge-side personalization with Cloudflare Edge Worker
3. Edge-side personalization with Netlify Edge Functions
4. Edge-side personalization with Vercel Edge Middleware

Uniform Mesh starter

This Next.js starter is provided to streamline your first mesh integration development experience. See the docs here for info on how to extend Uniform Mesh.

Other starters in other repos

There are more useful starters and examples in other repos:

• Component Starter Kit - essential set of components you need to start building personalizable web experiences with Uniform. Built with TailwindCSS, DaisyUI, React, and Next.js
• Commerce Starter - starter kit for composable commerce digital experiences, powered by Next.js and Uniform.
• Salesforce Composable Storefront - Uniform Composable Storefront Starter for Salesforce B2C Commerce.
• CANCU🌴 stack - Contentful, Algolia, Next.js, Commerce Layer and Uniform in a powerful combo.
• Next.js Marketing Starter - imaginary conference site in Next.js leveraging all the Uniform goodness: Canvas and Context.
• Nuxt Marketing Starter - imaginary conference site in Nuxt 3 leveraging all the Uniform goodness: Canvas and Context.