How To Build A $10,000 Website With No-Code + AI

Поділитися
Вставка
  • Опубліковано 10 січ 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

КОМЕНТАРІ • 346

  • @wearenocode
    @wearenocode  3 місяці тому +18

    🚀COURSE BUNDLE
    Become A No-Code Entrepreneur: bit.ly/3u9lLWr

    • @charles120001
      @charles120001 2 місяці тому +2

      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.

    • @wearenocode
      @wearenocode  2 місяці тому +1

      @@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!

    • @danxity4132
      @danxity4132 Місяць тому +1

      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.

    • @wearenocode
      @wearenocode  Місяць тому +1

      @@danxity4132 sure thing!

    • @reptiloidx8942
      @reptiloidx8942 Місяць тому

      Where is ai ? Just another manual work

  • @dizzaydrod
    @dizzaydrod 3 дні тому +7

    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.

  • @scarswell12
    @scarswell12 3 місяці тому +250

    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.

    • @thexposing
      @thexposing 3 місяці тому +6

      10,000 website as in code cause you can also use figma to create a website without a coding.

    • @great_live_music
      @great_live_music 3 місяці тому +37

      Most of those UA-camrs 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...

    • @chanjr
      @chanjr 3 місяці тому +9

      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.

    • @Brodragon2225
      @Brodragon2225 3 місяці тому

      @@chanjr can u tell me about any discord server for entrepreneurs

    • @RexGaming-formerchild
      @RexGaming-formerchild 3 місяці тому

      ​Entrepreneurs have discord servers?​@@Brodragon2225

  • @lewinwarhurst
    @lewinwarhurst 3 місяці тому +10

    This is actually insane! Great content and thank you for not gatekeeping😂

  • @Finsweet
    @Finsweet 4 місяці тому +35

    Thank you for featuring 2 of our websites! :)

  • @MyDigitalHub
    @MyDigitalHub 3 місяці тому +37

    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

    • @neuralgarden
      @neuralgarden 3 місяці тому

      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

    • @alexDdey
      @alexDdey 3 місяці тому

      Is it free?

    • @obiotwastaken
      @obiotwastaken 3 місяці тому +1

      @@alexDdey Did u watch the video?

  • @maiwindows2187
    @maiwindows2187 Місяць тому

    Honestly,this is mindblowing

  • @user-sg4pg3pn1s
    @user-sg4pg3pn1s 2 місяці тому

    Absolutely amazing with great possibilities

  • @user-dt1kl1wy7p
    @user-dt1kl1wy7p 4 місяці тому +13

    What amazing content I have found! Thank you, Brother.

  • @Relume_io
    @Relume_io 4 місяці тому +24

    Thanks for the awesome review 🔥

    • @charles120001
      @charles120001 2 місяці тому

      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.

    • @camgas
      @camgas День тому

      does it cost money now? i cannot paste in the wire frame as it says I need to upgrade?

  • @jeroenm771
    @jeroenm771 4 місяці тому +49

    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.

    • @wearenocode
      @wearenocode  4 місяці тому +8

      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.

    • @b326yr
      @b326yr 3 місяці тому +12

      @@wearenocode then why show them in the intro if you wouldn't demonstrate them.

    • @wearenocode
      @wearenocode  3 місяці тому +2

      @@b326yr finsweet.com/
      www.wysemeter.com/
      www.animagic.io/

    • @b326yr
      @b326yr 3 місяці тому

      We do not need the links man@@wearenocode , build it from scratch with us.

    • @abdul.arif2000
      @abdul.arif2000 3 місяці тому +17

      @@wearenocode Ok show us how o make something like those then, u clickbaited at the start and lied

  • @marcosangelmedina5845
    @marcosangelmedina5845 Місяць тому

    GODDAMN! This is an EPIC video! Subscribed right now!

  • @samuelf7853
    @samuelf7853 4 місяці тому +3

    Super very amazing for tips !

  • @YHWHWILLBEDONE
    @YHWHWILLBEDONE 4 місяці тому +11

    This is so dope thank you very much! I'm glad I subscribed to your channel, keep up the good work! 👍🏿

  • @luxipo9934
    @luxipo9934 4 місяці тому +3

    Amazing value Christian, thanks.

  • @bara2c
    @bara2c 2 місяці тому +2

    that was super helpful, how do I export the design from Figma afterwards to webflow to build it?

  • @FireFly969
    @FireFly969 2 місяці тому

    This is just incredible

  • @beyondmyself2969
    @beyondmyself2969 3 місяці тому +1

    Very helpful

  • @HavanTheGuy
    @HavanTheGuy 4 місяці тому +5

    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!

    • @wearenocode
      @wearenocode  4 місяці тому +1

      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 👍

    • @removed107
      @removed107 2 місяці тому

      Metade de tudo, rsrs@@wearenocode

  • @digitaldreamscapeai784
    @digitaldreamscapeai784 3 місяці тому

    Thank you 😊

  • @getchipbot
    @getchipbot 2 місяці тому

    Wow! Good info. How soon till everything is all in one?

  • @procoding735
    @procoding735 3 місяці тому

    Awesome Conent

  • @omnimansgoodboyhihi2180
    @omnimansgoodboyhihi2180 3 місяці тому +9

    Me as a dev : only if this was that easy to make a site as said in the clickbait title😂

  • @bartholomews9470
    @bartholomews9470 3 місяці тому +7

    Yeah I wouldn't say it replaces the creativity of a designer yet

  • @iyebiyeolawuyi1832
    @iyebiyeolawuyi1832 Місяць тому

    Thanks so much for sharing. But can you use resume for phone apps too?

  • @flawAMVs
    @flawAMVs Місяць тому +2

    Question, how do you make your site live after webflow? What is the procedure?

  • @edulearnconnect
    @edulearnconnect 4 місяці тому +1

    wowzers !!

  • @weber1209rafael
    @weber1209rafael 4 місяці тому +3

    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

  • @shadowline1413
    @shadowline1413 Місяць тому +1

    Can we put it to shopify? If not, how to setup products to it for dropshipping ?

  • @Papski-Foods
    @Papski-Foods Місяць тому +1

    How can I create the "Style Guide" feature in Figma that you are showing in the video?

  • @ZikrAlloh
    @ZikrAlloh 3 місяці тому +2

    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 🙏🏻

  • @runjhonny8014
    @runjhonny8014 3 місяці тому +6

    Great video! I'm just wondering around how much $ would this cost upfront and then how much per month?

    • @KainathShah
      @KainathShah 2 місяці тому

      Hey if you want landing pages at just $5 then you can reach out to me

  • @stringers4441
    @stringers4441 3 місяці тому

    How to create a.i. integration in website ... does the website you mention offer it?

  • @bunjilin5679
    @bunjilin5679 2 місяці тому +4

    Can I access the HTML CSS and Java Script of the produced website? Or is it non editable in VS?

  • @Lord_Stubbage
    @Lord_Stubbage 2 місяці тому

    Does the AI let you have the html, css and java code for the website?

  • @notoriousiversonmartinooba5712
    @notoriousiversonmartinooba5712 2 місяці тому +1

    Is it possible to eidt something after you create website?

  • @ehsankabir5235
    @ehsankabir5235 2 місяці тому

    How do I include my backend to it , is this only for static website?

  • @princessmakeup2.3
    @princessmakeup2.3 3 місяці тому

    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

  • @montozza4217
    @montozza4217 3 місяці тому +5

    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?

    • @moaf4328
      @moaf4328 3 місяці тому

      Did you find out ? Pleas share 🙏

    • @jayvee5886
      @jayvee5886 3 місяці тому

      I would say no. You could use this to give you an overall view or blue print to then build in WordPress.

  • @ndefirchristave2835
    @ndefirchristave2835 Місяць тому

    What a tool i wish i could get the pay plan

  • @stenleyadrien
    @stenleyadrien 4 місяці тому +1

    How I can register for the program?

  • @debajyotibhattacharjee5304
    @debajyotibhattacharjee5304 Місяць тому

    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.

  • @Robert_10
    @Robert_10 3 місяці тому +1

    Can you do it for wp?

  • @thifilmmaker
    @thifilmmaker 2 місяці тому

    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 🙌🏽🔥🇧🇷

  • @gaithger1204
    @gaithger1204 15 днів тому +1

    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 ?

    • @wearenocode
      @wearenocode  15 днів тому

      Yes, Webflow does that fantastically. You can connect it to Airtable too.

  • @kubilayalptekin8041
    @kubilayalptekin8041 3 місяці тому

    Great video! But is it possible to use this website I created in my Shopify? Can I upload this to our code?

  • @lautarodisalvo8360
    @lautarodisalvo8360 3 місяці тому +9

    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

    • @Sheetal_S
      @Sheetal_S 3 місяці тому +1

      Just pay me $20 now...

    • @weegieboard8432
      @weegieboard8432 3 місяці тому +3

      yeah this guy is affiliated and we're the product

  • @TheMaverickMan273
    @TheMaverickMan273 2 місяці тому

    where are the figma kits?? I can't find it!

  • @HumanoAI
    @HumanoAI 3 місяці тому

    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.

    • @wearenocode
      @wearenocode  3 місяці тому

      Yeah, Webflow allows you to grab the code! 🙌

  • @paulok4980
    @paulok4980 4 місяці тому +3

    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

    • @TechyTro
      @TechyTro 3 місяці тому +2

      Code manually

    • @bunniebie9269
      @bunniebie9269 2 місяці тому

      @@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

    • @TechyTro
      @TechyTro 2 місяці тому

      @@bunniebie9269 that's simply what I said dude

  • @pierruno
    @pierruno 3 місяці тому

    How can I create codebase and projects just using Text Prompts?

  • @mrchrisgs
    @mrchrisgs 4 місяці тому +1

    can you design in webflow (for example changing the button colors)? why use figma just a more advanced designer?

    • @vortexdefense2258
      @vortexdefense2258 4 місяці тому +1

      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.

  • @theLaugh_Factory
    @theLaugh_Factory Місяць тому

    Does it work with WordPress too instead of figma?

  • @Babycam08
    @Babycam08 3 місяці тому

    Where will you host the website tho?

  • @JacobBrand2000
    @JacobBrand2000 4 місяці тому +2

    Maybe a novice question, but does logic still need to be implemented for buttons or backend stuff?

    • @wearenocode
      @wearenocode  4 місяці тому +1

      Great question! Yes, you need to connect buttons and such. The code and servers are all auto-populated in Webflow though.

    • @Kyog-
      @Kyog- 2 місяці тому

      ​@@wearenocodecan you make a video explaining how to do that?

  • @AN-fg4cd
    @AN-fg4cd Місяць тому

    Can you just take pages onto insert on your “already built” website?
    I want something eye-catching for a children’s bookstore. Any ideas?

  • @GUILLAJP
    @GUILLAJP 2 місяці тому +1

    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.

    • @wearenocode
      @wearenocode  2 місяці тому +1

      Yup, you can access all the code in Webflow.

  • @user-mk2gq6ot3p
    @user-mk2gq6ot3p 3 місяці тому

    how can we use the site to edit the existing website?

  • @iamthekaverik
    @iamthekaverik 2 місяці тому +5

    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

  • @justinchavez23
    @justinchavez23 4 місяці тому +2

    Would this work for building a Shopify store?

    • @canoai
      @canoai 3 місяці тому

      Yes you will need a shopify webflow plug in, pay for both shopify plug in, and webflow it's self

  • @CodeZakk
    @CodeZakk 4 місяці тому +235

    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!!

  • @lucasoal9449
    @lucasoal9449 2 місяці тому +1

    You just saved my fk1nG life! Thanks

  • @mrajax_0101
    @mrajax_0101 3 місяці тому

    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?

  • @john_dren
    @john_dren 2 місяці тому

    honestly nowadays the technical aspect of launching a business is the least important cause easiest, The real difficulty is getting clients

  • @maheshvommi1092
    @maheshvommi1092 3 місяці тому +3

    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

    • @oklufbokluf2839
      @oklufbokluf2839 2 місяці тому

      i guess u have to migrate it into webflow or the othe thing. thats how i understood it.

  • @restorationhealthcenter952
    @restorationhealthcenter952 2 місяці тому

    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?

    • @wearenocode
      @wearenocode  2 місяці тому

      Yes, both cost money.

    • @restorationhealthcenter952
      @restorationhealthcenter952 2 місяці тому

      @@wearenocode thank you. I just purchased relume. Any coupon code that you might have for webflow? Cheers

  • @usextras2967
    @usextras2967 3 місяці тому

    how it will be connected to database?

  • @iabaca
    @iabaca 3 місяці тому

    How much does each thing. Cost. Wish you added that

  • @BlitzDjingga
    @BlitzDjingga 3 місяці тому

    where is the website with cool animation ? that was the sample proposed on intro...

  • @imjustdiabolical9256
    @imjustdiabolical9256 3 місяці тому

    Can we create apps using this

  • @My_Inquiri
    @My_Inquiri 3 місяці тому

    What about the backend ?

  • @idddenhellness9564
    @idddenhellness9564 3 місяці тому

    Sir, would you please add the prompt you used in the comment section.

  • @avasat01
    @avasat01 День тому

    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 ?

  • @jeffersonjunio6231
    @jeffersonjunio6231 2 місяці тому

    Can I export to elementor?

  • @derek_underwood
    @derek_underwood 4 місяці тому +2

    Are webflow and figma similar to wordpress?

    • @wearenocode
      @wearenocode  4 місяці тому +1

      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.

  • @claragoodlow4377
    @claragoodlow4377 2 місяці тому

    Can you make a app that makes maybe games or full video for like short video

  • @jonesDeshaun
    @jonesDeshaun 2 місяці тому

    For some reason the buttons wont adjust by color, shape at all in the style guide for me

  • @craiggomes
    @craiggomes 3 місяці тому +12

    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.

    • @lewisburton1852
      @lewisburton1852 3 місяці тому +3

      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.

  • @dashx2
    @dashx2 26 днів тому

    The website you built in this video, was it mobile responsive or only desktop design was created by AI?

    • @wearenocode
      @wearenocode  26 днів тому

      It’s already responsive. Meaning adapts to screen size. 🤩

  • @user-ek3ur2lj3s
    @user-ek3ur2lj3s 2 місяці тому

    cool video)

  • @linkmarine
    @linkmarine 3 місяці тому

    That is brilliant! Coming from elementor.

  • @cifreprive4429
    @cifreprive4429 4 місяці тому +5

    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?

    • @wearenocode
      @wearenocode  4 місяці тому +7

      That's awesome. Start with Webflow then go to Relume. Since the actual build is in webflow that is the best approach.

    • @cifreprive4429
      @cifreprive4429 4 місяці тому

      Thank you sir! @@wearenocode

    • @alexeay
      @alexeay 3 місяці тому

      @@wearenocodehello ur programme to creat startup with no code work for all ideas business ? Like create a strong and usefull app ?

  • @satviksingh3184
    @satviksingh3184 4 місяці тому +12

    Where will you host the website? How will you give it to the client?

    • @balenciatb1943
      @balenciatb1943 3 місяці тому

      Any answers?

    • @satviksingh3184
      @satviksingh3184 12 днів тому

      No, but i believe we will have to export it to webflow and then publish it

  • @deezplace
    @deezplace 2 місяці тому +1

    so, after pushing to Figma, what then?

  • @prakharshukla91
    @prakharshukla91 Місяць тому

    What about backend? How to do that in no code tools

  • @rarblank5583
    @rarblank5583 3 місяці тому

    have to upgade to work

  • @maximespinosi8134
    @maximespinosi8134 Місяць тому

    Can we make landing page with this AI ?

  • @wearenocode
    @wearenocode  3 місяці тому +4

    ❇ FREE COURSE - bit.ly/3TOZNlU

  • @danxity4132
    @danxity4132 Місяць тому

    You didn't mention how to publish the website from figma

  • @baslealmekonnen1348
    @baslealmekonnen1348 7 днів тому

    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.

  • @AhmedHuzain
    @AhmedHuzain 2 місяці тому

    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.

  • @phanhung3232
    @phanhung3232 3 місяці тому

    how to sell this website like you create to make money sir ?

  • @mariowallkick
    @mariowallkick Місяць тому

    what's figma?

  • @pennystocksstrategy4681
    @pennystocksstrategy4681 3 місяці тому +1

    This tools are free or paid

  • @stutranceforce1
    @stutranceforce1 4 місяці тому +2

    Shame there is no bubble integration for a more complex web app than static site in webflow

    • @wearenocode
      @wearenocode  4 місяці тому +2

      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.

  • @lancasterchrisekwueme8226
    @lancasterchrisekwueme8226 2 місяці тому +1

    Nothing was said about the backened,databases and api

  • @zokeboyswag
    @zokeboyswag 3 місяці тому

    Where can i hire someone that do this service

    • @wendelllaidley1065
      @wendelllaidley1065 19 днів тому

      @zokeboyswag did you get any responses to your question? I am also interested in hiring someone to help me replicate this

  • @user-pe8cb3iq2p
    @user-pe8cb3iq2p 2 місяці тому

    Couldn't import wireframe

  • @user-tm1ud3wi2b
    @user-tm1ud3wi2b 11 днів тому

    how to publish it

  • @KrisTerziev
    @KrisTerziev 4 місяці тому +4

    None of the examples were built fully with AI. Espessially not "in minutes"