How To Build A $10,000 Website With No-Code + AI
Vložit
- čas přidán 10. 01. 2024
- ❇️ FREE COURSE - bit.ly/3TOZNlU
🚀 ULTIMATE COURSE BUNDLE - bit.ly/3u9lLWr
You can now build a $10,000 website within a matter of hours with no-code and AI tools. These drag-and-drop builders combined with generative AI tools make building a sitemap, wireframe and fully functional website accessible to SAAS entrepreneurs and startup founders alike. Let me blow your mind.
🛠 TOOLS:
Relume AI - relume.io/?via=Chwanc
Webflow - webflow.grsm.io/4835371
Figma - psxid.figma.com/gesgvfztofxm
Full Repository: bit.ly/47ipqP6
🚨 SUBSCRIBE TO THE CHANNEL
bit.ly/wearenocodeyt
➡️ VISIT WeAreNoCode Website:
www.wearenocode.com
#nocode #startups #entrepreneur #saas #AI
![I Built a $1M AI App [No Code]](http://i.ytimg.com/vi/IZsQqarWXtY/mqdefault.jpg)
🚀COURSE BUNDLE
Become A No-Code Entrepreneur: bit.ly/3u9lLWr
Thanks, this is the first Relume introductory tutorial I've seen where the person does not speak fast and assumes the viewer is a techie or web designer or understands the jargon, already knows their way around the Relume and Webflow site and explains the process step-by-step. As a result, as a technophobe, I'm going to register for your free course and hopefully learn more about using Relume and Webflow and then Take your other course.
@@charles120001 thanks for the kind words. My goal has always been to make tech more accessible for non-techies. This messages means a lot. Let’s gooo!
I have 0 knowledge coming into any of this stuff. Could you at least preview and let me see what's in your bundle course before I purchase it so I could see if it's for me? I know you have a refund thing going on, but still helpful to have a bit more info about your product.
@@danxity4132 sure thing!
Where is ai ? Just another manual work
As someone who works in web, I can confirm, that this work takes at minimum of 3 months and lots of coordination. It’s amazing that this tool can do so much, it can essentially get you a great prototype and Be ready for user acceptance right up front.
Great introduction to no code tools, but would love to see a video of an actual $10,000 website. What was shown is this video was a bunch of static pages maybe $500.00 job.
10,000 website as in code cause you can also use figma to create a website without a coding.
Most of those CZcamsrs forgot to talk about the sales aspect of having a business, and prefer to make people dream with big figures that nobody will ever pay $10k for what was shown...
Webflow can definitely create $10,000 (or even $100,000) websites. Many companies and organisations are using Webflow. It's main draw is its low-low-code website building features + all included hosting, security and CMS + APIs.
. The downside is its closed-system CMS, not as customisable as Wordpress or other open-source CMS + the pricing for higher resource demands.
@@chanjr can u tell me about any discord server for entrepreneurs
Entrepreneurs have discord servers?@@Brodragon2225
This is actually insane! Great content and thank you for not gatekeeping😂
I was privileged enough to be a beta tester of relume and up to now I'm still in awe how it speeds up my workflow and output process
Dang that's cool man, ngl I've been grinding freecodecamp and it almost made me mad how efficient relume looks in this video lol
Is it free?
@@alexDdey Did u watch the video?
Thank you for featuring 2 of our websites! :)
So, where are the amazing animations that you showed in the example websites in the beginning? That's what made them pop and really unique. What you've made now are just static template blocks that are available on many website-maker-platforms.
Checkout minute 11m40s! You are right, I talk about that. Every website is built with elements like this first and then for the wow 3D effects you can do so with the tool mentioned.
@@wearenocode then why show them in the intro if you wouldn't demonstrate them.
@@b326yr finsweet.com/
www.wysemeter.com/
www.animagic.io/
We do not need the links man@@wearenocode , build it from scratch with us.
@@wearenocode Ok show us how o make something like those then, u clickbaited at the start and lied
Honestly,this is mindblowing
What amazing content I have found! Thank you, Brother.
Thanks for the awesome review 🔥
You should ask him to design a course on how to design a website using Relume and Webflow for budding entrepreneurs who know nothing about web design or creation.
does it cost money now? i cannot paste in the wire frame as it says I need to upgrade?
Absolutely amazing with great possibilities
GODDAMN! This is an EPIC video! Subscribed right now!
This is so dope thank you very much! I'm glad I subscribed to your channel, keep up the good work! 👍🏿
Rapaz... tu tem uma cara de BR rs mas é legal monetizar com o público gringo. Parabéns e a edicao está absurdamente boa. Parabéns!
Hahaha, nao sou brazileiro, mas morei en São Paulo 5 anos. Sou metade Suiço, metade argentino. Agora estou morando na Califórnia faz anos. Abraço 👍
Metade de tudo, rsrs@@wearenocode
Me as a dev : only if this was that easy to make a site as said in the clickbait title😂
that was super helpful, how do I export the design from Figma afterwards to webflow to build it?
Yeah I wouldn't say it replaces the creativity of a designer yet
Super very amazing for tips !
Question, how do you make your site live after webflow? What is the procedure?
Amazing value Christian, thanks.
I need a tool to make this for UI for apps, and directly create the code so my developer only has to connect the API's. let me know when its there! :D
This is just incredible
Wow! Good info. How soon till everything is all in one?
Great video! I'm just wondering around how much $ would this cost upfront and then how much per month?
Hey if you want landing pages at just $5 then you can reach out to me
As a programmer, I wonder, where did you get that a page that simple cost 10k dollars? The most common prices for these pages (including those that we programmers create) are below 2000 dollars, and I repeat... a page or plansitlla that simple
Just pay me $20 now...
yeah this guy is affiliated and we're the product
Thanks for the useful content! I shared it on my LinkedIn profile and one of my followers, namely security engineer who previously used these tools asked how secure is it? It'd be great to get a reply, thanks 🙏🏻
Very helpful
Can we put it to shopify? If not, how to setup products to it for dropshipping ?
Can I access the HTML CSS and Java Script of the produced website? Or is it non editable in VS?
Thanks so much for sharing. But can you use resume for phone apps too?
How can I create the "Style Guide" feature in Figma that you are showing in the video?
How this works in terms of optimization? Can I connect this to my domain which has website built on Wordpress? How do I optimize these pages built here in webflow for SEO? How do I add new blog content, for example?
I guess what I am asking is can this be integrated into Wordpress cms?
Did you find out ? Pleas share 🙏
I would say no. You could use this to give you an overall view or blue print to then build in WordPress.
just curious about one thing , as digital marketer and a backend developer , can u tell me pls that how much secured this website is ?? cause its not hard coded and it built on a CMS (Content Management System ) like Wordpress. So it will be great if you pls answer my question. Love from India.
❇ FREE COURSE - bit.ly/3TOZNlU
hi hello
I am watching your video from Bangladesh.
If you could make a video tutorial on how to move my figma design to wordpress
Is it possible to eidt something after you create website?
Does the AI let you have the html, css and java code for the website?
How to create a.i. integration in website ... does the website you mention offer it?
Thank you 😊
Thats Amazing !! We can use this site after ready in any country of world ? like to buy a domain an go online with te templates that we created? And another question is : Can we integrated midjourney and import the images from mid to bubble and animate then? Greetings from Brazil 🙌🏽🔥🇧🇷
How I can register for the program?
wowzers !!
Great video! But is it possible to use this website I created in my Shopify? Can I upload this to our code?
This was quite great.
For the 3rd step, you could alternatively port to Framer instead, using the Framer plugin in Figma.
From there, you can use Framer's AI to populate your wireframe with reasonable design elements (there's an AI design for the while page, or for specific sections/blocks.)
Lovely stuff this AI stuff
Is framer paid or free?
thanks for the tutorial @wearenocode, but this way pages are only static, how about dynamic websites where you need to put forms and store data ?
Yes, Webflow does that fantastically. You can connect it to Airtable too.
Awesome Conent
Can you just take pages onto insert on your “already built” website?
I want something eye-catching for a children’s bookstore. Any ideas?
this is my huge question to front end devs who is in a company, im so confuse if which better to study in order to get a career in front end its either this kind of way or code it manually. can someone explain to me which one is a must to do
Code manually
@@TechyTro to build on this - you still need to learn to code manually, because knowledge of the syntax being used will still help you fix any issues and implement additional features and changes
@@bunniebie9269 that's simply what I said dude
How can I create codebase and projects just using Text Prompts?
How do I include my backend to it , is this only for static website?
I like the map and wireframe schema …still requires learning two interfaces . He never me if we can grab the code instead of interfaces or I missed it. I’d like to see the css and js if any.
Yeah, Webflow allows you to grab the code! 🙌
What a tool i wish i could get the pay plan
Can you do it for wp?
May I know what's the Mic you use? why I've seen many people use it lately even tho 80% of them already have a Blue Yeti on there desk ready to use but in their vdo it's this same looking Mic you're using
Maybe a novice question, but does logic still need to be implemented for buttons or backend stuff?
Great question! Yes, you need to connect buttons and such. The code and servers are all auto-populated in Webflow though.
@@wearenocodecan you make a video explaining how to do that?
can you design in webflow (for example changing the button colors)? why use figma just a more advanced designer?
you can do alot of editing in webflow its just easier to build out everything first in figma. Figma is like photoshop. While you can get the same result in webflow its much easier to do in figma and then use the plugin to transfer from figma to webflow.
honestly nowadays the technical aspect of launching a business is the least important cause easiest, The real difficulty is getting clients
where are the figma kits?? I can't find it!
Does it work with WordPress too instead of figma?
I'm curious, can you pull all the source code down to host on your own servers? I need to incorporate forms and don't like the idea of that data being outside my environment.
Yup, you can access all the code in Webflow.
Where will you host the website tho?
nowadays coding gets so much easier its better to learn to code instead of learning bubble and webflow. which is very hard compared to coding!!
agree
Hehe
Maybe for you
cmon, using webflow, is good, but coding is professional@@mumpecydrone8788
100% agree
Would it not be simpler to use Wordpress with Elementor AI and leverage the vast number of 'Themes' that are available out of the box ?
Would this work for building a Shopify store?
Yes you will need a shopify webflow plug in, pay for both shopify plug in, and webflow it's self
Great video. Though, 2 things I'd like to mention
1. The result is good. But I don't think that it is anywhere near $10,000 of value.
2. Assuming that this IS a $10,000 value website, it wouldn't be $10,000 for so long given how easy it is to generate. Remember, supply & demand.
how can we use the site to edit the existing website?
How much does each thing. Cost. Wish you added that
I also found trouble making hero section attractive with graphics, and assets idk how to find from internet where to fine, 3d elements, or gradients etc anyone can help please?
Can we create apps using this
Sir, would you please add the prompt you used in the comment section.
That is brilliant! Coming from elementor.
ok using ai i can make a front look of a web site fine ,but how can i make the website live , how can i make the buttons funtional , without working how can i sell this to some , which is only for showing but not working
plese tell me how to convert this front look into funtionall
where is the website with cool animation ? that was the sample proposed on intro...
The website you built in this video, was it mobile responsive or only desktop design was created by AI?
It’s already responsive. Meaning adapts to screen size. 🤩
For some reason the buttons wont adjust by color, shape at all in the style guide for me
so, after pushing to Figma, what then?
Can you make a app that makes maybe games or full video for like short video
You just saved my fk1nG life! Thanks
❤️
If I want to use relume and webflow, does this mean that I have to pay for both (relume and webflow) in order to go beyond a 2 page site?
Yes, both cost money.
@@wearenocode thank you. I just purchased relume. Any coupon code that you might have for webflow? Cheers
Can I export to elementor?
how it will be connected to database?
No matter how much AI or how much no code tools are out there most people who would need a website don’t have any knowledge about design/tech or aren’t creative, you could give them the tools and most of them will still not understand and mess it up. They will end up hiring a designer and developer like us, the only people who would be using these tools and find it useful are designers and developers. Very few customers would actually be able to make something basic with all of these tools, in most scenarios a lot of it won’t work. This definitely isn’t a $10,000 website, it’s static and very very basic.
Absolutely dead on, your regular business owner knows jack about design, dev, wireframing, UX/UI lol they just want something that produces them leads for whatever business they own if your business isn't specifically in the realm of creating these tools are pretty much irrelevant to your average folks.
Can we make landing page with this AI ?
Are webflow and figma similar to wordpress?
Webflow is a no-code website builder and figma is a design tool. They are similar but way better in terms of aesthetics. Checkout more of my no-code videos if you want to learn about the concept and tools. If you are trying to build apps or web-apps there are other tools like Bubble, Softr, FlutterFlow etc. Hope that helps.
My goal is to provide no-code websites as a service. In order to achieve this goal I started with the Webflow university but now that I see this video, I'm wondering if that is still a good idea.. I could also start learning Relume AI, what do you think?
That's awesome. Start with Webflow then go to Relume. Since the actual build is in webflow that is the best approach.
Thank you sir! @@wearenocode
@@wearenocodehello ur programme to creat startup with no code work for all ideas business ? Like create a strong and usefull app ?
What about backend? How to do that in no code tools
What about the backend ?
Where will you host the website? How will you give it to the client?
Any answers?
No, but i believe we will have to export it to webflow and then publish it
None of the examples were built fully with AI. Espessially not "in minutes"
A website isn't the tip of the front end. Why did you just ignore the back end totally, I mean are we supposed to give the client a picture of of the front end?
If there is a way for the back end also please mention.
You didn't mention how to publish the website from figma
how to sell this website like you create to make money sir ?
This tools are free or paid
why you dont say anything about you have to pay to paste that wireframe over to figma. i cant do unless i start free trial fo 7 days or pay.. fucked me up a bit
Shame there is no bubble integration for a more complex web app than static site in webflow
Yeah, Webflow has some exciting logic and AI coming though. You can also build SAAS platforms with Airtable and Memberstack for example. It's very exciting.
Nothing was said about the backened,databases and api
have to upgade to work
I couldn't get the wireframe from Relume to Figma without upgrading to a paid account.
what's figma?
The script explains how to build a $10,000 website using AI and no-code tools like reloom, which can generate sitemaps, wireframes, and even export designs to Figma or Webflow for further customization. The process is quick, efficient, and accessible to those without programming skills, making website creation easier and more affordable.
Key moments:
00:00 Discover how to create websites quickly and efficiently using no code tools and AI, revolutionizing the traditional website building process.
-Reloom, an AI website builder, generates sitemaps instantly by describing the website you want to build. It streamlines the process and offers adaptability for different sections.
-Adapting and customizing website sections, such as navigation bars and hero sections, is made easy with the AI tool. Changes can be made quickly and efficiently to suit specific needs.
03:25 A tool can efficiently create website structures, wireframes, and content, streamlining the website development process.
-Tool generates wireframes and content, saving weeks of work.
-Customization options available for different sections and layouts.
-Ability to export to design tools like Figma or website builders like Webflow.
06:55 The video showcases the process of building a website in Figma, including importing elements, designing, and adapting styles, before exporting the project to Webflow for further development.
-Importing elements and kits from Figma into the project for website creation.
-Adapting styles and designs within Figma using the style guide for consistency throughout the project.
10:39 Building a $10,000 website with no-code tools is showcased, emphasizing the ease of replacing elements like images. Incorporating 3D design and animations can elevate the website's appeal and value.
-Replacing elements on the website is shown to be simple and quick, such as changing images and logos, demonstrating the ease of customization.
-The importance of incorporating 3D design and animations in websites to make them visually impressive and stand out from competitors is highlighted.