can I get the best of using cursor and its powerful composer and agent along with the brilliant deployment options that you get with bolt or replit and the answer is yes with replate you can now connect via SSH to cursor and get the best of B worlds when it comes to building out AI apps I like to move as fast as possible I get an idea for an app or a business I want to launch it very quickly test it out if it fails I want to move on I don't want to spend ages setting
up development environments so is there a service that can help me do that yes it exists in tools like bolt and replit but the problem is the agents that they have built in they're good but they're not the best I think cursor is currently the best IDE for AI coding at the moment so I'm going to show you how to connect replate with cursor as quickly as possible so if you haven't signed up to replate just go to rep.com and a quick note on the pricing you can use replit for free but if you want
use the SSH feature that allows us to connect cursor and replit it is going to cost you $15 a month and that's just on the yearly subscription realistically you should probably pay the $25 a month because who knows what platform or what Improvement is going to come along so I've signed up for $25 a month I think in terms of the time saving that gives me that's well worth um the time you know trying to set up the environment set up the employment and everything else that goes with that I'm happy to pay that $25
if it's a bit too rich for you there are much cheaper ways to host you can just run your own Local Host set up the environment manually takes a little bit more time not a big deal but I'm all about speed I'm all about how quickly we can get to Market with whatever idea we have so I'm happy to spend this little bit here but again if it's not for you just follow some of my other tutorials and there's no extra costs in those setups okay so let's go and log in to replate so when
we're going to create a new repel we are offered the options of the replate agent we can choose a template so we can decide you know if we want node or python or any of these different environments to get started or we want to import from a GitHub project so I'm just going to start from scratch with the agent if you've watched any of my other tutorials you know that I find it way faster to dictate um using uh Windows dictation or Mac dictation I have another video on the channel you can check that out
so let's do that so I hit windows and the H key I'd like to build a small app it's going to be a landing page for a company called switch Dimension and on that landing page we're going to offer a wait list for a course on cursor uh v0 and um I'd like to have a form there that will collect uh name and an email of anyone that's interested in signing up for the wait list and the launch of the course and let's collect all the names and emails in a post database in the back
end okay so that's the basic prompt and we're just going to hit start building okay we'll Implement a weit list we're going to build the initial prototype using Shad C nuui so Shad C nuui is great if you've seen other tutorials uh v0 use this component Library called Shad CN UI it's basically a set of pre-built components that makes it easy to just build out the interface of your website they've already been predesigned and pre-configured we can also use those with cursor as well you should check out one of the other tutorials it shows you
how to step through using that so the fact that they've picked that as default is great approve the plan and start so this is the typical kind of agent interaction you've got a manager product manager style agent that does the actual plan creation you approve that plan and then it depends on how it's set up in the background you might have different agents that are actually the like deployment agent or the development agent I'm not sure how it's running in the back end but that's typically how it might be approached roed setting up our database
so another great thing about using replit is that it's got its own postgres database built in that it can connect to as part of the service if you were doing this yourself you'd probably want to set up a database separately using something like superbase or Planet scale or Firebase or something like that you'd have to configure that connect the two together and run it from there whereas with replace again it's just fired up the whole environment for you and it's also connecting database as standard so these are huge Time Savers just to get you rolling
okay so it's taken us this far we have our page now granted there's some issues here we're going to change some of the wording but that's fine um and we have our wait list down the bottom here and now it's asking for my next action so how do you want how do you find the landing page design in weightless form is everything loaded correctly and looking professional so we'll just give it a yes um another thing that you need to note is that using the agent each one of the checkpoints that goes through um is
going to cost 25 cent it probably makes a lot of sense to do as many changes as you can in one prompt and see what you can get away with um and then some of the checkpoints that go through um are actually going to be free so I think at that point that's enough enough to test out um can we edit it I'm going to forget I'm going to leave the admin interface and everything else for now okay so let's just move back to the web view so hit this little tab here web View and
we can hit that and it should load up our page so we can actually just preview this in another browser by clicking this here and this gives us the development URL it's porting from Port 5,000 to 80 so let's just copy that we can open a new tab here and here we have our site let's go back again to replate really quickly so we can go to pages and home. TSX and we can edit this here so Master cursor and we can just hit save here and we see those changes go through okay that's great
so we basically have the bones of a app website which is um a landing page and then we have the ability to capture names and emails and that's actually being saved back to a databas database and already that's a big timesaver you know trying to develop this out in code connect to a database do any kind of validation or verification um that's a big timesaver so as much as I love replit and it's really fast to get things going it's great at deployment it's great at actually spinning up all these services for you it gives
you a really great head start but when you start to develop out the app and things get a little bit more complicated it just starts to fall down a little bit for me personally I recommend that you just keep going with what you have here and keep developing as much as you can until you start to run into issues or errors with the agent that here and then you know you can decide to switch over to cursor it's really a personal preference but how I like to do is take advantage of The Best of Both
Worlds so how would we actually connect cursor to replate to get the best out of that so let's go and open up a new tab here and we're going to type in SSH so here on the SSH key you're given the option to connect a vs code or cursor but first you're going to need to add your SSH key and that's just a way for your computer to communicate securely with this cloud service which is replate and you can use it for multiple other services you can use it with vs code it's a really good
thing to know how to do so um we can click man first let's open the docs here because they're actually really handy so open those in a new tab and then we're going to click manage SSH key or you can do it up here as well and then we'll click add s h key and we're going to enter that now in a second but first we need to generate it so let's go back over here to the docs okay so we're given some great instructions here on what SSH is it stands for secure shell and
essentially what this is is it opens up a connection and a transfer between your local machine and the cursor youve installed there or vs code or whatever and the cloud development environment um which is replate okay cool now just again to note this is just available for um core subscribers and teams so first thing we need to do is just check that we have SSH um set up um you'll normally have this done if you're using GitHub or something like that but let's just go over to our Command Prompt and then we'll type this in
here now this thing here is called a the the Home Path so this is basically a path that you set up this is a path that might have previously set up or not if you get an error when you hit this in it means it doesn't actually exist so instead you can just type in C- users so I do something like this whatever your username is you can just delete this out and instead you could type C slash users you're basically copying whatever you have there 353 85 and it should work for you in the
same way if you haven't got that path set up you can just set it up by going in into your system settings but we'll just leave that for now so then hit return oh I made a mistake there I just needed to put in this slash and there you go so it's giving us the SSH directory and uh any files that we have in here if you don't have it set up you can just um create that directory you can just hit MK uh Di and then SSH to create it okay so now we've got
that in place we want to actually go about generating a uh key so let's hit copy here again and then go back here and let's paste this command in so basically it's giving the SSH a command to in the home directory in SSH uh create a new key called replit and again if your home path is not set up you can just put in the the the actual path here and so let's hit return now if we type in dr. SSH uh we'll see that it's actually been created here okay so now we want to
just check out what the content of that file is so let's just hit copy back again and let's hit the command and this is going to tell the notepad to open up the rep. PB which is in that Home Path again replace that if you need to and then then hit return and then over here in this window I'll just drag it over we have our uh key now I'm going to delete this after the video is created so don't get any smart ideas but always it's important to keep these secret so create uh so
I'm just going to copy that rid of that for now and then we want to add this back to our account so let's go back over here and then let's just paste it in and I'm going to call this RS laptop because that's the name of my machine and then we're going to click add SSH and it's telling me that it's been added and then if I go over here to connect now I should just be able to hit the launch cursor command here or I can use the manual connection but let's just go with
launch cursor click open now I've got this little popup here an external application wants to run um a BS code cursor do you want to and open this folder and I'm going to say yes over here in this window and do I want to collect to Windows to Linux windows or mass so the thing is if you're connecting to replate it's going to be Linux it's downloading vs code okay that's fine let's get rid of that activating extensions okay great so what we're seeing now is the exact same file structure as you saw so if
you see here we've got the exact same file structure so let's see if we can make um an edit so let's go back over here we'll go to client Source pages and then home and let's put in an uh invert to comma here and let hit contrl s to save let's go straight back over and then boom instantaneous change so we now have cursor working along side everything that's stored up here and then I can actually go and deploy this as a fully working app now so if I go to deploy I can decide to
just put it on auto scale and deploy that to a certain URL and then I can actually assign a domain to that as well if I want that's kind of outside of the scope of this tutorial but we'll we'll cover that in one of the next ones so we've been using this agent here to get us so far and it's got everything set up and we have all the power of what you get with replate in terms of the environments the deployments the connection to post the database all that kind of setup that takes a
hell of a lot of time and we had then also have the power of cursor so I can go ahead here open up my AI pan let's switch over to the agent can you make this website dark mode with accents of yellow and give it some radx UI icons to really make it pop okay I'm going to install these packages here I'm going to run so it's saying CD into the client and npm install Lucid react adding in the color changes UI improvements added icons okay oh I I need to install npm install Lucid react
so let's run that again perfect icons are now installed and let's click accept and then if we go back over to replate again oh yeah cool so starting to get a little bit more interesting now lots of little changes we need to make I have a whole tutorial on basically talking your way through um updating the design using a mixture v0 and cursor but um I think this was hopefully really powerful just to see how you can get started by using cursor and replate together cuz you're really using the best of Bo worlds um you've
got replate which has the ability to spin up a development Sur server really quickly it installs everything for you you don't have to worry about any kind of dependencies or what machines you're on you can give access to that machine to somebody else and then you've got a temporary URL that you can give to anybody to actually go and test out your app now you can actually go and press the deploy button within replate as well and actually deploy the whole site to be a working app so technically within just a few minutes you can
go from developing a site with um replated agent um moving over to cursor and doing any edits that you want and improving upon it and then deploying a whole app within just a few minutes and that's uh really powerful and such a game Cher so hopefully you got uh some use out of this I am actually working on a course around cursor and replate I'm going to put a link in the description where you can sign up to the wait list if you want and uh thanks so much for your time more to come
