 Do you have a Next.js application that you secured using off-zero and you want to deploy it to Versail? I'm going to show you how in this video. So if you want to follow along with this guide, you can check out the off-zero by Octa Developer Center and that way you can read along with this guide and it's going to show you how to take a Next.js app that's secured by off-zero and you can deploy it to Versail. I'll show you all the proper settings and everything that you need to do to make sure that deployment is successful. You can check out the off-zero developer center and check out this guide and do it step by step right with me. So the first thing we're going to do is go to the off-zero dashboard. Under applications I have off-zero Versail demos. So I'm going to click there and then I'm going to get the domain and the client ID values. I'm going to copy those values and actually paste them here on the guide. So copy the domain as well as the client's ID and paste them on the actual guide. Pasting the values right here will make them available throughout the guide and you'll be able to copy and paste the values from the guide. Next let's head over to the Versail dashboard. On the Versail dashboard add new project. Then we're going to import a Git repository. I'm going to use off-zero-next.js. I'm going to import that there. All right so now I'm going to set the guide and the Versail dashboard side by side. Then I'm going to scroll down to environment variables. Copy the off-zero base issuer URL. Paste it here. Then for the value I'm going to copy the value from the guide as well which is the off-zero domain. Click add and then we're going to also add the client ID. So we're going to copy client ID here. Paste there. Then paste that value. Then add it here as well. And now we're going to get the off-zero client secret. Copy that here. Paste that here. Then I'm going to go back to the application details and I'm going to copy the client secret and then paste it here on the Versail dashboard. The guide doesn't say the off-zero client secret because it is less to be cap confidential. So we wanted to make sure that no one gets access to your account. The next thing you'll need is a session secret. This is used to sign the session ID of the cookie of your web application. So in the terminal you can copy this command and let's paste that command into the terminal and then let's copy this value. That's the output. And I'm going to copy that output here into the off-zero next to a secret key field. Then I'm going to scroll down a little bit on the guide and then I'm going to copy off-zero secret. Paste it here on the environment variables and then I'm going to copy that value as well and then add those. All right. So next let's scroll down and click deploy. All right. Now it says congratulations. Your project is deployed to Versail. So let's go to the dashboard. So next I want to go to domains and then I'm going to copy this domain. Then on the guide I'm going to scroll down. Then I'm going to paste in the domain into the Versail production domain field on the guide. Make sure it has a production tag like you can see here. So now let's head back to the off-zero dashboard. So under the off-zero Versail demo under the settings let's scroll down to allowed callback URLs. And this is the URL that the application will be directed to after the user has been authenticated with off-zero. So I'm going to copy that value and I'm going to paste it here. And this is the off-zero production URL slash API slash off slash callback. And when someone wants to log out we'll go to allow logout URLs and we'll copy this value from the guide and paste it there as well. And then we'll scroll down to save changes. Now let's assign the off-zero base URL environment variable on the Versail dashboard. So head back to the Versail dashboard and go to settings. Scroll down to environment variables. Then let's scroll down on the guide. Let's copy the value of off-zero base URL. Then let's copy in the value which is the Versail domain and then make sure that we click save. Versail recommends that you redeploy your application when you change the environment variables for them to take effect. So let's head to deployments, click on the three dots and click redeploy. Now that the deployment is complete, let's head over to the application and try it out. Here we have a Next.js sample application that's already been secured with off-zero and we just went through the process to make sure that off-zero and Versail can communicate for this application. So now let's test it out and see that everything works. So I'm going to click log in, want to scroll down to continue with Google, then I'm going to click on my username for my Gmail and there it signs me in and takes me to a profile page and give me some information from my ID token. All right so now we're going to see if we're able to log out and yes we're able to log out and it takes you to the homepage.