Skip to content

Uniform starters and examples with different front-end frameworks and CDNs

Notifications You must be signed in to change notification settings

uniformdev/examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Starters pre-wired with integrations

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.

About

Uniform starters and examples with different front-end frameworks and CDNs

Resources

Stars

Watchers

Forks