Transcript
Hey, how's it going? So I want to do this video because instead of just telling you, "Oh, we're the best Sanity and Next.js website builders in the world," I'd rather just show you all the features. You tell me whether you get this in the first version, and just keep an eye out for this because we're ultimately just trying to make sure that you get everything that you need first time round. We don't want to inherit anything.
So, um, let's start by looking at Turbo Start Sanity. This is our own template. It's open source. You can take it today and press one click deploy and you'll get everything that you see on the page right now. Um, this is called presentation, what you're looking at. Um, and it's essentially Sanity's answer to being able to navigate through a website and then be able to click something and edit it right there and then. It's the best of both worlds. If you've used something like Webflow or what is it, Visual Bakery Composer in WordPress, it's very very similar, but it's a bit more on Rails, which is a good thing.
Um, so what I can show you is you can turn this thing off called the edit overlay. The edit overlay looks like this. Um, but it's pretty difficult to navigate with it on, so what we do is we'll go to the homepage and all we'll do is we'll change the title here. So let's turn it on. Let's click the title and let's say "Hello everybody." Okay, now the cool thing is the one on the left is the version that you get. This updates in real time. You can see this, but the customers can't see this. Let's take the same URL and we'll do this on an incognito browser.
Now this is really interesting. So this also encompasses something called Live Content API. We'll come back to this, but can you see how this version doesn't have the new text? This version has the new text. Now in a traditional way, what would happen when somebody hits publish is it would build the website. It would take roughly two minutes to see those changes in real time if it's kind of like a server side website, or it is an incremental static regenerated website. If it's client side, which you shouldn't do, it will show up immediately. That's not a good thing though. So if you want the best SEO, you want to probably be doing something that's ISR, so incremental static regeneration, or SSR, server side rendered.
Um, so let's hit publish and let's see what happens. So pay attention real quick. So publish, I'm going to flip here. Hands off any second. Boom. Cool. So instantaneously I didn't have to refresh the page. This is an incognito website. We're not looking at anything with any kind of cookies or anything. It's just instant that it loads.
Um, this is Live Content API. As far as I'm aware, I don't think at the time of recording this anybody else is doing this. Um, the first thing you may be questioning is how much API usage is this going to take and is it going to burn through the quota really really fast? Now we have a couple of clients that have tens of thousands of customers always hitting the website. Very very large websites. And they haven't even hit the quota for Sanity yet. And even if they did hit the quota, which is 250k API invocations, um, as soon as you hit another 25,000, guess how much it is? $1. Right? So even if you hit 500,000, you're talking $10 cost a month. It's worth every penny.
Um, so let's flip back real quick. So inside of here, this is kind of like the last thing I want to show you, um, is the idea of different routes. So now we're able to say, "Oh, okay, let's go into here. Let's click into blogs. Give it two seconds. Let's click into uh, one of these pages, and then we hit edit, and then we hit the title, and then we can change it in real time." So that's the actual presentation side of things that's in there. Um, I just want to kind of focus on that too because this is going to come into use, especially with what we're about to show next.
So if we look at structure and we look at Pages, this is another view inside of Sanity. This is kind of like, think of this as more, uh, almost like how you handle a traditional database. This is a great way of showing the contents in isolation. Um, but you can see here that we actually have two different routes that are on the same sort of URL route. So /Services Consulting and /Services. This is difficult to build inside of Sanity, and you should have this by default. Uh, the reason for having this is because it's incredibly easy to then build nested pages and nested features on the website, and this always comes up every single time.
Um, so when you're inside of one of these, let's say that we have this page here. Uh, we've made some changes to it. I'm happy with those changes. Uh, some more changes. Cool. Hit publish. Let's check what this looks like. I can hit this button up here that says "Open in presentation" and I can very easily start working on this. Give it two seconds. There we go. Cool, cool. So you could change everything inside of here, and this is the presentation view again. Really nice to work with. Really easy to use. But you also want the ability to be able to go onto pages like Consulting and do the same thing.
Now these are going to look exactly the same um because I've just duplicated it, but ultimately if I go into here and you'll notice I'm on Services Consulting, let's change the color of the page or some stuff on here just so you can see the difference. Um, so this is Consulting page and the other one will go back again. So let me hit publish on this. Um, and then the other version is the services page just so you can tell the difference. But to be able to build this, you want to make sure that you've got it because I see no end of websites that don't have this built in. Um, and it just means that at a later date you're going to have to do some work to be able to create new routes, to be able to create nested parent-child routes.
Um, but you can see now so this is services. This is /Consulting. This is all working in real time. Um, all of this functionality comes. All of it's kind of polished. Feel free to download this yourself. So again, Turbo Start Sanity, go to the Exchange. It's on the Sanity Exchange. Featured at the minute. Play around with it. Tell us your thoughts and make sure that you have all of these features if you're going to build a website.
So yeah, hope that helps. Take care. Bye-bye.
