Vollständiges Transkript von „This Just Changed App Building Forever“. Klicke auf einen Zeitstempel, um das Video an dieser Stelle zu öffnen. Du brauchst ein anderes Video? Nutze den YouTube-Transkript-Generator.
0:00 Move over React Native and Expo. You could now write native iOS Swift applications with one freaking prompt using the new Roric Max. It works. I just built this app right here from start to finish. It all works. I show you in this video step by step how you can now do this. This is a game changer. I'm honestly blown away. We're using Opus 4.6 and the new ROR that just launched literally a couple hours ago. I'm one of the first people, I might even be the first person on YouTube to post a video with a full build that's going to the app store. Let's get into it. And here's the crazy part. Ror Max claims to be able to write native Swift code. For anybody that knows what the hell we're talking about, this is the
0:46 native code language for native iOS apps that are used inside of Xcode. I don't know of any other vibe coding tools that can do this. Also, it has Claude 4.6 6 deep think with a 1 million context window. And then now you have this roor max. So you know what we got to do? Ror max plus open 4.6. Let's freaking give it a crazy prompt and let's see what it could build. So in this video, of course, we got to test it out. It's hard to believe that this is real. So let's see what happens. And you're probably thinking, well, what are you going to build? So I have pulled a hundred of the top highest earning, lowest download apps. It's in a free report. You guys can get it downstairs. And there is some bangers in here. These are all the apps. So, obviously the famous ones, for
1:32 example, Cali, 50,000 downloads, 100 200,000 a month. Crushing it. There's so many in here. But I found one that I think would actually be really, really good to recreate and it would be the perfect thing because uses a lot of native features within the iPhone. And it's called Clean Phone Storage. Now, you guys have probably seen it. It is an app that allows you to easily delete duplicates, clean out your phone. We all need more space on our iPhones. This app can do it. If you look right here, 6.7,000 ratings. This app is absolutely crushing it. 30,000 downloads, 300K a month. Today, we're going to clone clean phone storage. Now, we're going to do it on our own way. And we're going to let Roor Max do this natively with Swift.
2:19 Doesn't even sound right saying it when it comes to vibe coding, but let's try it. And here's what I'm going to do even crazier. I'm just going to copy this link. I'm going to go into RORO. And I'm not joking when I say this is my first test drive. Of course, I want to do it live on the video so you guys get to see what the real deal is with these applications. I don't gatekeep. I don't BS. I just show you exactly what happens. So, if it flops flat on its face, that's what's going to happen. I'm going to paste the link and I'm just going to say this. Can you clone this app but call it need more space AI? So before I launch this typically ROR has been the React Native uh platform. So React Native plus expo crossplatform Google Apple React Native no longer.
3:05 This is going to build a native Swift app. I just keep saying that again because again I kind of don't believe that this is actually true. So that's all I'm going to say. I'm just going to paste that link in there and I'm going to say, "Can you clone this app for me?" And I want to see what it's going to do because I just have no idea how this is even going to work. How is this going to connect to my device? I know that you can run the X Expo simulator, but is it going to do it inside of the platform? Is it going to give it to him on my phone? No idea. But you can see right here, first thing is Nepace AI. It's actually creating an Xcode file with the Swift code. So, here we go. Create models for storage data photo contacts. So, the link did actually work. It's
3:50 already pulling in all of the information. So, we got contacts cleanup, calendar cleanup, device monitor view service photos generate app icon, build and verify. Yeah, this is wild if this works. Man, I'm getting so excited. All right, we got our app. I think it just literally took it one for one. Yeah, we definitely going to need a new version of that because it's all about inspiration, right? There's a lot of app cleaning storage apps out there. Um, so we're going to definitely need to uh change this one up a little bit. I don't like to steal. I like to get inspired. I'm going to make this way better. Okay, so it just finished the actual coding and then it says right here building. So it looks like it's actually building a version and then am I going to be Okay, so now it's going to go live. Wow, look at that. So, we got need space AI 40%.
4:38 There's my So, this is I'm sure it's a simulation. We have photos, contacts, and your monitor. So, this monitors all your information on the device. And then we got the dashboard. So, we need to actually put this out on our phone. So, I'm just so pumped trying to actually see how this works on the device. I completely just ignored the fact that it just literally oneshotted this whole application from start to finish. So yeah, let me just take a moment to actually appreciate this because there's a lot going on here, especially if we could test this and if it work. But what I'm going to do is I'm just going to publish this to the app store. Um, also show you that part and then just you do it through test flight. So let's just try it. I'm going to go to publish and then we're just going to create a new submission.
5:25 All right. So let's go. Need space AI version one bundle identifier. So typically you want to follow the standard naming mechanism and then the name of the app. So we're going to go Nepace AI. Okay. And then here we go. What is this? Upload file. Create with AI. Let's do a um out of space on phone yelling face. Let's just see what happens. I do like this though. They kind of added a nice little feature which is creating the app icon which is typically pain in the butt because you have to upload it, put it inside the actual product and then it builds it. So this is nice that they actually added this feature. Yo, that's actually really good. All right, let's just run with it. So we got
6:12 our name needed space AI. Okay, then we're going to log in with our Apple developer account. And just like that, I've logged in. It's authenticated. All right, so everything just finished. Submission details. Happy Chinese New Year. I'm got my red attire and um submission details are complete. So what I was able to do is actually use their builtin publish tool. So now what I want to do is I'm going to wait for this to finish and then we're going to open up test flight to see if everything is properly working. If this works and this is written in Swift, I'm going to be very impressed. Okay, so it actually did build the app. It's right here. Need space AI. And you could see that it's actually processing our first version of the application. So the great thing is this is the final
6:58 step is you need test flight. So you could do all the simulation on web, you could even do it on your phone, but until you push it to test flight, which is the native um piece of the Apple development center, you can't you're not really testing inside the Apple ecosystem. This is why this is such a big deal. And if you're able to actually do this and it works, then you know that the app, the submission that made is actually working because this IPA is going to be the thing that's going to be actually shipped off to Apple for review. So right now we have our app. I'm going to continue developing this, but the main thing I want to do is first make the connection. So we've built it. It's native Swift. It compiles it, pushes it out to test flight. And if this all works, you can see my iPhone is actually connected already. So now everything should be good. You might Oh,
7:43 there it It's complete. Look, it even brought in the icon. So, that's pretty good. Let me hit refresh. So, the icon should show up here. So, it's not showing up there, which is weird, but it is showing up down here. All right. So, now I should get the email. So, let's take a look. All right. So, we just got our email. So, this is actually my phone right here. You guys can see. So, we're going to open it up in TestFlight and hit install. Damn, I'm pretty pumped. All right, let's see. Here we go. Open. There it is, baby. Nice. This is cool. So, start scan. We got photos. Let's start our scan. So, let's allow full access. So, now it's scanning our whole device for all of the images and videos that we could then clean up. This is huge. All right. It's also getting
8:28 access to my contacts. So, I'm just going to select a few contacts. Let's just do two just for the sake. Allow selected contacts. And then also allow full access to my calendar. Let's do it again. Smart scan. All right. There it is. So now it has all the actions. You can see right here it brought in the photos. Duplicate photos, screenshots, large videos. So let's look at screenshots. So it won't let me do that. Let's go to photos. This is where it crashed last time. So let's see. Let's go back into ROR and see if I'm getting any type of information regarding the log. Okay. So here it is right here. So it says, so here is the actual bug. So that's uh 10:25.
9:15 So that's 15 minutes ago. That's definitely not it. All right. Yeah. So it just keeps crashing. So let's take a look at our logs. So now the great thing is you have it through test flight. So now you're actually going to be able to get your proper crash logs. So here's our crash, the one I just showed you. So now we're going to open this up in Xcode since it's native. and um and let's see what the project looks like inside of Xcode. So, let me update. So, one of the great things when you're dealing with Swift, now you're going to be able to get all of your crash reports inside of Xcode. So, as you can see right here, this is our Xcode debugger. And it says right here, crashes. And now we can actually see what was the crash that happened for the actual build. So, I'm just going to take this right here. I'm going to copy that. I'm going to go back
10:01 into Ror and I'm going to say this, let's drag this in and I'm going to say when I'm testing the app, it keeps crashing when I'm going into the photos and or videos after the scan is complete. Period. This is the actual debug log from Xcode. And there it is. So, Ror Max found it. The crashes because of this delivery mode calls the completion twice. low quality than full quality. That's the problem. So, let's fix it and uh let's run it back. All right. And just like that, we have our app on our phone. So, it's all connected and everything works. There's a couple little updates though that we need to do. All right. So, here's a couple of the instant things that I've noticed that are slow is the response rate on
10:47 the clicking around is very slow. We need to update that. I need to make a few updates. One of the big things is the app is really slow when I click into different screens. Period. If there is some type of loading, I need you to add a loading state to those screens and only those sections. Period. Also, add animation to the loading state. Also, just generally, I want you to make the app more responsive. All right, cool. So, let's give it a let's give it a shot. See how it does with that. Typically, when you do that, especially with uh with mobile, it does a pretty good job. It understands where it needs to do loading states. All right. So, reviewing the codebase, adding loading states with animations to data fetching screens, improve app
11:32 responsiveness, async loading, and then lazy loading. Build and verify. Perfect. So, we completely understood the context of what I was trying to do, which is the issue that I'm having. And I'll show you right now what the issue is. All right. So, update is done. And you could see right here that now we have one extra little bug, but everything is way faster. You could actually see the animation now, which is nice. We have our contacts. So, when I click into photos though, you could see that it's actually not rendering the photo right here. So, it's not showing up. So, let's fix that bug first. When I click into the photos tab, none of the photos are actually rendering on screen. Let's just go one by one. Actually, I don't want to give it too much. So, let's fix that first thing. All right, there it is. So, now the images are actually rendering on the phone right here. You can see there's a bunch of duplicates. So the
12:19 only thing though is I don't want to delete all of them. I want to just delete the actual duplicates. So I need a way to then filter out and save one of the images. So right now if I just hit delete duplicates. Oh no. So this will delete one photo. Okay. So it actually is doing it correctly. Yeah, it's not right. It's deleting all the images. So we need to basically give it more direction on the photo and video deletion page. I want you to keep one image. So, I'm not deleting everything. I'm keeping the one, the best one, and then deleting the rest. So, we should have a delete all or select the ones I want deleted. All right, perfect. Next update. Hope you guys are enjoying what I'm cooking up right here. This is a fun
13:05 build. I'm actually really excited about this. The fact that this is native Swift, I think this is going to be an absolute game changer. So, I'm going to continue developing this app. And of course, if you guys want to come hang with AI builders, as I mentioned, we have an amazing community with so many people in here creating products, building real businesses every single day. And all the links are below for you guys. And of course, we have our hackathon coming up with Sabrina Ramanov. It's going to be March 6th through the 8th. So, a little selfless plug, but we're giving away 6,000 for the winners. So, definitely come build with us. It's 100% for free, and you guys just join below. And we're going to be starting in 16 days. So, time is ticking. Okay? Okay. And there it is. So now we have the upgrade. Check it out. So now we have the ability to see which ones. And look, it says keep
13:50 and delete. And then I could just deselect. And I could hit delete all three emails. Hit go. Delete. And now they're done. And then I can also select that one. Keep that one. Deselect it. Perfect. All right, that basically does it. That's the last feature I wanted to upgrade. The rest of it is just adding more stuff to continue building. But for V1, this is ready for the app store. So, next thing is what we're going to do is I'm going to say this. Next, I want to submit this app to the app store. But there's a couple things that I need before. I need you to make me a profile page that has all of the information, terms of service, privacy policy, and information about the app. Since
14:37 we're not doing a login at this stage, I just need the generic profile settings to make sure when I submit this app to the app store, it's going to get approved. All right, we're getting close. All right, here's the update for settings. Take a look. So, now we got settings, we got terms of service, we got privacy policy, the app information, contact support, and also rate us on the app store. Pretty clean, pretty simple. I like it. Let's keep going. So, the one thing I want to do is obviously make this app look better because now since I'm actually going to launch this in the app store, I do want to do a pass on the actual visuals cuz right now very basic reliable friend dribble and type in let's say utility app.
15:24 If you guys aren't familiar dribble with the triple B's, it's just a nice uh design website. So, we go in here, look for some inspiration. I do really feel like a dark theme for this. Um, let's just kind of look around and see what we can find. And I also want something custom so it doesn't just look like a cookie cutter website, I mean application. Yo, this is the one right here. Look how clean this is. So, here's what we're going to do. We're going to take a screenshot of this and then we're going to say this prompt. This is very important. Don't screw this part up because if you say the wrong thing here, your whole application is going to break. Okay, so here's the prompt. I want to do a complete UI and UX redesign of the application. Every screen, every button, every section,
16:11 every font, everything inside of this app complete. Period. I want you to use this image as inspiration for the look, feel theme color vibe icons everything from this image. Period. Do not change any of the logic. Do not change any of the flow. Do not change any of the text. Only 100% focus on the look, the feel, the theme, and the aesthetics. I hope you see what I'm cooking up there. Bang. We're going to let that rip. So, extremely important. You cannot just say, "Redesign my application to look like this." Because it's going to basically change your whole app. Like,
16:57 these AIs are getting so good at your natural language. you need to be a little more specific. So, right now it's going to do a overhaul. Let me actually take a picture of what it looked like before. So, we have a nice comparison because this thing is pretty hideous. Okay, so this should be a pretty big overhaul. Typically, I don't like to do this later on because there's just so much code already written. But since we're kind of testing this really ro max, I'm kind of curious how well it's going to actually handle this type of late change. Typically, I would set this theme, set this look on the beginning of the project. So then every corresponding page that is created would use the same type of design. But as you can see right here, so creating the theme design file and then redesigning the content view, storage, ring, dashboard, everything. So
17:43 this is going to be a big task. So I'm very curious to see how well it does. Forgot about my ninja Chinese happy new year bandana. All right, the first redesign is done. And look how clean this looks. So, let me show you what it looked like before. So, there you go. Look at that. This was the old one. Very basic, ugly fonts. Look at the different sizing. And then we have our actual design here. Look at the the icons. I think the icons could still do another pass. Let's go to like uh the monitor. Looks very Appleesque. The one thing that you're not noticing though when I show you on the app is if you pay attention, it actually has liquid glass. So since this is Swift Native now, it has liquid glass. See the bottom right
18:28 there? Look at that. Look how clean that looks. And same thing in here. If you go up in here, it has the liquid glass effect. This is the benefit of building natively because now all of the different libraries and environments and everything that Apple has, you can actually use inside of your application. All right. Next. So, let me show you what the big breakthrough I think is when it comes to this new launch is when you go to run on my Mac, run on my device. Now, you download the Roar Companion, install it, and then when you go into open, it's going to actually bring up the Roar Companion app. And then you're going to be able to actually have this running on your device outside of TestFlight. So, for those of you that know, no Expo, no Test Flight,
19:13 Roar Companion. Boom. Quick update. Okay, so here's my phone. So, a couple things you need to do before this will actually work. Log in with Ror. Login with Apple. Go to your phone that's plugged in. Make sure your phone is plugged in. And then you're going to go to general. Then you're going to go to privacy. Actually, you go right here, privacy and settings. You need to come down here and it says developer mode right there. You need to make sure that this is checked on right here. If this is not checked on, you will not be able to actually test on your phone. So now once that's tested, now we're going to go back. And then all you have to do is you have to go right here and you just have to hit the play button. And now what it's going to do is it's going to actually build this application. And then it's going to put it natively on
19:59 your freaking iPhone. This is wild. No expo, no roar cap, no test flight direct companion on your phone that runs native iOS Swift. Crazy, crazy times we're living in, guys and gals. All right, and just like that, our app is now downloaded on our phone using the companion app. We're going to go click into it. And there it is. Everything works. We got all of our agreements. We can do a start scan. Let Let me show you really quick. A final. Let's just pick some images. It's got all the animations. Continue. Let's select couple contacts. Continue. Allow. Allow full access. And there it
20:47 is. Now we can go to photos and we can delete the ones we want. Just like that. Everything works. Boom. And we are finished. This is madness. You can now vibe code React Native. get the app ready and then go to Apple development center and then publish this. But we're pretty much good to go. So what I'm going to do now is I'm going to go publish. I'm going to build a new session. We're going to call this Nepace AI. We have our same. We're going to go continue. And just like that, we're going to push this to the app store. Go into test flight. Then the last bit is going to be going into our Apple development center and doing the boring stuff. So building out the actual page, creating the screenshots, putting all the app information in here. ASO, putting all your keywords, all that good
21:33 stuff. Not for this video. We're talking about building vibe coding. This is a whole different thing. This is probably the most boring part of building apps. But you do have to go in here and put all your settings, put all your age limitations, localization, and um and get it up and running. Make sure you put your screenshots. The one tip I'll give you is if you're doing mobile for iPhone, you need to also include your iPad screenshots because they actually can be on both. And then once we're finished with that, we have our test flight build here. There it is. And if you go to distribution, all you have to do then go to add to review. So hope you guys enjoyed that. This was really fun to build. I'm actually really impressed by the connection and the fact that this is all Swift native. This really opens up the door because now you're able to use, like I said, everything inside the
22:19 Apple ecosystem. So let's say you're building something for the Apple Watch, you could easily now connect that with your application. Before you had to use Expo and the different libraries and it gets a little bit confusing sometimes and it doesn't work always. So now you're gonna be able to pretty much use everything that's inside the app store and inside natively in the iPhone which is really really powerful. Gyroscope and everything else you could imagine. So hope you guys enjoyed this video. This pretty much wraps it up and um if you guys are interested in hanging out with us AI builders, we got the community ready to rock and roll. You guys can check it out in the links below. And of course, I mentioned the AI hackathon. We have 87 members. I think I started this video, we were at like 720. So 87 new people have just joined while I was
23:06 filming this video over one day. So I do appreciate you so much and I'll see you guys in the next video. And uh I'll do a follow-up when I actually submit this app in the app store and you guys will get first dips. All right. Peace.