Up and running with Uniform & Nuxt 3 in three mins!
We are excited to announce that the Uniform SDK is ready for Vue 3 and Nuxt 3. Today's ever-expanding landscape of headless products demands that developers somehow connect them all. Wouldn't it be cool if you had one SDK that takes care of connecting up these different APIs? Uniform is a new category of product. It lets you take control of your stack, so creating composable architecture becomes a breeze!
It enables content editors to drag and drop content from headless sources to create page compositions. Without the help of developers, they can add or remove integrations, do an A/B test or personalize across multiple headless products. Want to change up your CMS? The front end stays the same. You can retrieve a page composition through an SDK function, query, and map data as you prefer, and pass it as props to your components. It works with SSG, SSR, Edge functions, and everything in between.
Blog: https://uniform.dev/blogs/uniforms-latest-sdk-fully-supports-vue-3-and-nuxt-3 Get a free account: https://uniform.dev/free Join our Discord: https://uniform.to/discord
Transcript
hello everyone let's start and create a next three project with uniform platform in no time let's go through creating our free account now and going through the onboarding here we go so tim pick my password let's go so now we created a new account and i am a developer and this is kind of just i don't really know what kind of project it's for me personally just to check stuff out okay so now we are in our welcome screen and if you don't know uniform you can watch this video here otherwise we'll just go to the first project that's automatically created for you when you have a new team because uniform has team you can add other projects so now that this is my new project here it says hey this is your new project do you want like to set up some basics yeah sure so let's just go with the starter kit so in our integrations we actually have starter kits so while this is running let's actually look because we're going to go next let me just clone this so now we're going to get the code for our starter form there we go and so what we need to do is actually create some environment variables and uniform creates these for you they're read only so we have an api key and we have a project id so let's add this in our environment variables here all right what's next npm install rundown okay we can do that let's install and then once installed we can actually run this thing and see it work npm run dev here we go so we are on next three rc six at the moment at the time of the recording and here is our project and this is just running now on uniform canvas with nuxtree and there's a few pages here and we've also added personalization into this so i now go to the developers conference tool track talk track and when i go back home it actually says hey you're a developer you can also forget yourself so there's some extra fun stuff here so when we look in the code it's actually just a very simple next project but it has a bit of styling and it actually has uniform nuxed module and some tailwith stuff and it's really simple stuff all in all just to make sure that you understand it when you work with this and then when we look in uniform we just created this starter right well let's have a look at what kind of pages were created for us okay this is the home page and so for now there's a whole bunch of stuff already set up for us let's say this is the welcome header but then when you're a developer it shows you the developer header and right now you can see that the text is added in here uniform is not a cms so you can also add another integration to replace these text fields here so if we wanted to we could go to integrations and go to content and actually select contentful for example and then contentful would fill this content and so um we did that really fast and it's up and running and now you can play so feel free to join us at discord at uniform.2 discord and then just show us what you've built come along chat with this anyway see you there cheers
Related videos

Jamstack Fridays with T&T | Questions we get from clients: Gatsby vs Next.js
In this episode of Jamstack Fridays with T&T we discuss common questions our clients ask. In this video we discuss Gatsby vs Next.js and how to choose the right tool for you.

Jamstack personalization with Contentstack and Uniform
#Contenstack and #Uniform personalisation for #Jamstack websites. This website runs on Gatsby and we'll be showing you how easy it is to personalize website with Uniform!

Jamstack Fridays with T&T: Braking Jamstack architecture cliches
Join Tony and @timbenniks at another episode of Jamstack Fridays with T&T. This week the guys are discussing how to break #Jamstack #architecture cliches and they show an out-of-the box architecture for some Friday…