0:00 All right, so in this lecture, we're ready to get started with deploying 0:04 our 0:04 UI. 0:06 Now, for this, we're gonna take advantage of Vercel, 0:09 which is the creators 0:10 of Next.js itself, and they also have an amazing 0:14 deployment and CI/CD integration. 0:16 So if you don't already have a Vercel account, go to vercel.com and sign up for 0:20 an account. It's totally free to 0:23 create an account and even deploy our application. 0:26 Won't have to pay anything. 0:28 And we have great integration because, of course, 0:30 they are the creators of Next.js. 0:33 So after you create an account, you should be brought to the home screen, 0:37 and from here, you can click on the Add 0:41 New button. Let's click on Add New Project, 0:44 and then you get 0:45 brought to this new project page. And so we 0:49 wanna go ahead and connect our GitHub account to our 0:52 Vercel here, and that will bring in all of our latest 0:56 repositories. And then we want to look for our PhotoSnap 0:59 repository, and then we'll click on the Import button 1:03 here. So that's PhotoSnap. 1:06 Now, it's actually smart enough to detect the 1:08 application is running 1:10 inside of a monorepo 1:12 since Turborepo is also owned by Vercel, so they have great integration with 1:16 Turborepo as well. So the first thing we wanna do here 1:19 is click 1:20 Edit because it is detecting our application here, 1:24 and by default, it selected our Nest.js backend. 1:27 We wanna click on the web folder here, which it detects as 1:31 a Next.js app, and we have the Nest.js app above it, 1:34 which is really cool. 1:35 I think it's awesome how they can really just bring in a whole 1:39 monorepo like this. So click on our web application. 1:42 That will automatically select our Next.js framework, and we can 1:46 call this Photosnap Web. That's fine.
The rest of the transcript is for members.
Sign in 