
Dynamic Content & Personalization in Next.js with Uniform
Published at : December 08, 2021
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
π§ 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

personalizationdigital marketingdigital experience platform