Dynamic Content & Personalization in Next.js with Uniform

Learn how to boost engagement in your Digital Experience Platform with dynamic content and personalization in a Next.js app using Uniform. We'll walk through integrating Uniform using their Canvas tool and using Intents to show different experiences based on the visitor.

🧐 What's Inside
00:00 - Intro
00:11 - Sponsored by Uniform
00:55 - Tools we'll use including Uniform Optimize & Next.js
01:41 - Creating a new Next.js app from a demo project starter
03:15 - Starting a new Uniform Project
03:55 - Adding a new Uniform Canvas Component and Parameters
06:36 - Creating a new Composition Component and adding Slots
09:30 - Setting up and configuring a Composition
11:35 - Installing and configuring Uniform Canvas SDK in a Next.js app
14:22 - Using .env to store Uniform API Key and Project ID
17:05 - Adding Uniform React components to render Composition data
19:25 - Creating and publishing Uniform Intents and Signals for personalization
23:48 - Personalizing Composition Slots with Components in Uniform Canvas
26:31 - Installing Uniform Optimize to add tracking for personalization
32:45 - Outro

💝 Sponsored by Uniform
https://uniform.to/yBxkID

🗒️ Read More
https://spacejelly.dev/posts/how-to-personalize-content-jamstack-web-experiences-with-uniform-next-js/

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1

🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
GitHub: https://github.com/sponsors/colbyfayock
Other: hello@colbyfayock.com

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/uses

🧰 More Resources

Uniform
https://uniform.to/rGiVeR

Demo Blog Home Starter
https://github.com/colbyfayock/demo-blog-home-starter

Canvas tutorial for Next.js
https://uniform.to/WKSTeX

🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/prigida/cozy
License code: 0L5O9KCNTDOSQXWV

#colbyfayock #nextjs #personalization #uniform #conversion #engagement #digitalmarketing #webdevelopment