How to add a database to your bolt.new app

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024
  • Learn how to level up your Bolt AI applications by connecting them to a real cloud database using Firebase! In this quick tutorial, we'll add a Firestore database to a habit-tracking app built before, so it can persist the data not relying on local storage.
    🔑 Key Topics Covered:
    • Local Storage vs a cloud Database
    • Firebase and its Free Tier
    • Saving Environment Variables
    • Data Persistence
    📚 Previous Tutorial (Habit Tracker App):
    • Better prompts in bolt...
    🚀 Resources:
    • Firebase Console: console.fireba...
    • Bolt AI: bolt.new
    💡 Coming Next: User Authentication & Authorization Tutorial
    ❓ Questions? Drop them in the comments below!
    👍 Like & Subscribe for more Bolt AI tutorials!
    #BoltAI #Firebase #database #ai #WebDevelopment #CloudDatabase #CodingTutorial #TechTutorial #prototype #WebApp #JavaScript #Programming #SoftwareDevelopment #StackBlitz

Комментарии • 118

  • @JourneyJubilee-jj
    @JourneyJubilee-jj 11 дней назад +3

    I'm all in for Bolt.New! Your explanations are straight to the point-no BS, and no robotic speech. You deliver with the understanding that we are learners. I truly appreciate it. No clickbait that leaves knowledge seekers hanging.

  • @johnomahony8775
    @johnomahony8775 23 дня назад +23

    Can't wait to see the User Authentication & Authorization Tutorial video

    • @___zca
      @___zca 2 дня назад

      This is where I’m at. Kinda stuck while using Auth0 - bolt keeps giving errors.
      I hope there’s a tutorial

  • @pointcodding
    @pointcodding 5 дней назад

    First of all, I would like to thank you for explaining it at a level and in detail that people like us who are not programmers, that is, software developers, can understand, and we hope that the videos will continue like this, because many people skip many important points because they are professionals, but the voice is careful and step by step by a non-developer. We thank you for helping him make the program he created with the help of artificial intelligence permanent.

  • @keithm.512
    @keithm.512 26 дней назад +25

    Thank you, do a video on Supabase and the pros and cons of each when using with Bolt

    • @StackBlitzOfficial
      @StackBlitzOfficial  25 дней назад +8

      Great idea! We're on it!

    • @stanford19
      @stanford19 25 дней назад +2

      Yes! This would be really awesome!!!

    • @Seanmclem
      @Seanmclem 24 дня назад +2

      @@StackBlitzOfficialthen that’s why I’ll subscribe

    • @kc0tlh
      @kc0tlh 24 дня назад

      @@Seanmclem Supabase has a Bolt tutorial out already as well! ruclips.net/video/zNB2k2E6O74/видео.html

    • @marcus_AI_Advisor
      @marcus_AI_Advisor 18 дней назад +1

      Yes super base next!

  • @nickromanek9444
    @nickromanek9444 25 дней назад +5

    Love it!!! I'm hosting biweekly meetings at the company I work for covering AI and this is the best development tool I've found so far, we built an app within 5 minutes during our last meeting using Bolt. And now we can go over building a backend within a few more minutes!! Keep it up!

    • @StackBlitzOfficial
      @StackBlitzOfficial  25 дней назад +1

      Thats fantastic! 🤩

    • @pinatrohq
      @pinatrohq 24 дня назад

      @@StackBlitzOfficial Thanks for the fantastic video! Is it possible to use this tool to create mobile apps, or is it limited to web apps only?

  • @arturodelfuturo
    @arturodelfuturo 21 день назад +2

    That's an absolute game-changer.
    Incredible work.
    Please create a tutorial on the most optimal scaffolding procedure based on a plan for a simple SaaS with one feature covered in detail.

  • @createwithmike4842
    @createwithmike4842 25 дней назад +7

    This was exactly what I needed. Guys keep up with his video, I want to see the supabase connection as well :D!. Also please cover some security things like it was on the end of the video, we need mOOOOOOOOREEEE, bolt is insane :)

    • @kc0tlh
      @kc0tlh 24 дня назад

      Supabase has a Bolt tutorial out already as well! ruclips.net/video/zNB2k2E6O74/видео.html

  • @maskman4821
    @maskman4821 15 дней назад +3

    This is very useful, hooking up with firebase is crucial, thank you so much 🙏

  • @cucciolo182
    @cucciolo182 5 дней назад

    Wow, that's Sick ! This solution is perfect for non-developers. Our schoolchildren would love to showcase their pictures and videos to their parents through QR codes. Each time a parent scans a QR code, they can view a video, audio recording, or pictures. Gracias amigo

  • @robertoabiacarrasco3310
    @robertoabiacarrasco3310 25 дней назад +5

    Incredible video! I was just looking for this on RUclips. Really looking forward to seeing how you create the login and complex collections in Firestore.

    • @StackBlitzOfficial
      @StackBlitzOfficial  25 дней назад +1

      Thank you! We're recording the auth video as we speak 🫡

    • @abhijeetbhagat100
      @abhijeetbhagat100 25 дней назад

      Same hare

    • @mathembamagwentshu201
      @mathembamagwentshu201 19 дней назад

      @@StackBlitzOfficial This is exactly what I needed, now I would like to know, if possible, on how to pull data from Firebase to a bold web app, use it or display it, then update the same database with a few more fields.

  • @taproot.studio
    @taproot.studio 10 дней назад

    Super helpful - have built 2 apps in Bolt now and got databases and auth working thanks to your videos. Hanging out for your Stripe integration video. I'm checking every day lol to see if it's up.

  • @sofiane4823
    @sofiane4823 26 дней назад +2

    Thank you guyz..
    I can't wait for the next video .
    Really exciting moment we live with bolt now.

  • @codebreaker9110
    @codebreaker9110 25 дней назад +3

    Great video! straight to the point. Waiting for the authentication video.

  • @Ifeoluwa-Ajetomobi
    @Ifeoluwa-Ajetomobi 24 дня назад +1

    Love to see how to display data stored in the firebase on a bolt site

  • @umeshdarwatkar772
    @umeshdarwatkar772 21 день назад

    Bolt.new is just awesome 😍 the only problem i see is database limitation and connectivity please upload more or one videos on all database connect possibilities.

  • @aaronfox625
    @aaronfox625 22 дня назад

    This is amazing!!! You have a great video. Also. I just found out that you are the lead developer of Bolt!!! Your tool is so good. Amazing.

  • @ErezGolan-e7h
    @ErezGolan-e7h День назад

    Thanks so much! I built a cool app in a few hours, and it already has users, but I'm stuck in Firebase test mode. Could you make a video on moving an app to production securely? (e.g., switching to prod mode, security checks, and other preparations and checklists before launching). The uncertainty is holding me back from launching. Thanks!

  • @EdmilsonRodrigues1985
    @EdmilsonRodrigues1985 6 дней назад

    This video was very useful. Thanks!

  • @AbishaiSingh
    @AbishaiSingh 20 дней назад

    That’s for the video. Thanks for including the basic safety check for the key. I am curious, once the app is deployed, how to securely manage the key?

  • @ricko13
    @ricko13 24 дня назад +4

    how secure is it to share our secret keys with Bolt?

  • @jamieoneill7871
    @jamieoneill7871 25 дней назад +2

    Great work. Ive been using bolt.new for a couple of weeks. i cant believe how good it is. Looking forward to the next video.

  • @jguillengarcia
    @jguillengarcia 25 дней назад

    Loving Bolt! As a pay user, please make that video how to set firebase in a production mode. ;-) So easy tutorial! thanks

  • @todohumphrey5086
    @todohumphrey5086 21 день назад

    Thanks, great work you're doing right there. Waiting for user authentication and user manamegent.

  • @OrieGoudge
    @OrieGoudge 23 дня назад

    I just went to look for the video on how to secure the database but realized this one was so new. I am at the point I need to secure the database how soon will it be before we see this video?
    Great vid BTW

  • @tim0815-co8me
    @tim0815-co8me 24 дня назад

    Love Bolt. So far great for getting a product up and running. Now my company wants to use my application. Problem: For Regulation reasons they do only accept solutions within the azure ecosystem. Is it planned to have an direct deployment option for azure or at least a conncetion to the azure databases? I´m struggeling setting that up as I have no coding experience. Firebase connection works perfectly fine though..
    Keep up the great work

  • @danielpaezbarajas
    @danielpaezbarajas 3 дня назад

    I am doing a project that needs to store documents (PDF and DOCX). Which database you prefer? supabase or firebase? any ideas very appreciated

  • @mjahangiralambd
    @mjahangiralambd 14 дней назад +1

    I tried your approach, but I am unable to save the database in Firebase. What should I need to check?

  • @mik3lang3lo
    @mik3lang3lo 25 дней назад +1

    Great video, you got a subscriber, thank you

  • @chizzlemo3094
    @chizzlemo3094 22 дня назад

    Cool, look forward to the next video

  • @techlife2877
    @techlife2877 25 дней назад +1

    Awesome and very useful:) thank u.

  • @ai.aspirations
    @ai.aspirations 8 дней назад

    Tanks for sharing❤

  • @JCIG33AD
    @JCIG33AD 15 дней назад

    great tutorial! followed and it´s working until the quota exceeds :D I created a database app with business contacts. basically a table with filter function with radius and some other filters. I´ve added 100 contacts and tried to sort the list. after two times firebase is telling me that the free quota exceeded..that´s pretty fast. under 1 minute..is there a better alternative? something selfhosted? do you have an idea? Thanks in advance! Best wishes

    • @maskman4821
      @maskman4821 14 дней назад

      You can try other cloud dbs such as supabase, appwrite, mongodb, etc

  • @MarlonVan
    @MarlonVan 22 дня назад

    amazing stuff, just about to subscribe.

  • @mathembamagwentshu201
    @mathembamagwentshu201 19 дней назад

    Hello, am not a developer but trying to build an MVP, was able to build a single page and collect data from it using Firebase. Now I want to build another page that will call information from the database and then update or append the database with a few more fields (amount, token number, donor first name, donor last name and donor email address)

  • @ragamuffinbro
    @ragamuffinbro 25 дней назад

    Could you do a video if it is possible to deploy by uploading files through cpanel and use sql as our backend database?

  • @k1r0vsiii
    @k1r0vsiii 25 дней назад +1

    great video and summarize it perfectly. built 50% of the app i wanted with 2 mil tokens from 10 mil and couldnt finish it up to 10 mil tokens caz bolt simply cant implement correctly any type of db, tried postgres sqlight .... endless loop, bolt forgets sjit when cant do it after afew times and returns to local storage w/o asking and the loop starts again... endless....managed to do it with 2$ worth of credits in v0 with cline and sonet. so, yah, bolt is great to get it going, is great following instructions and add things in the structure... but the dbase? sheeeash

    • @TomekSulkowski
      @TomekSulkowski 25 дней назад +2

      Thanks! Yeah, using database in bolt can be tricky, although the underlying WebContainers technology does support sqlite now, it can still be a challange - that's why I usually go for cloud DBs like firebase or supabase so not to bang my deaf around this issue so much😅

  • @albertocatania6165
    @albertocatania6165 20 дней назад

    Can I ask a quick question? Can be possible to do the inverse? I need to save directly data inside the storage so that I can pick with bolt. Can be possible using this storage?

  • @djahandrews
    @djahandrews 24 дня назад +1

    we need auth and payments tutorial!:)

  • @bahauddinchishte
    @bahauddinchishte 19 дней назад +1

    Can you please make a video about, how we can update our app with bolt once we deployed it to Github or Netlify?

  • @im_the_Arka
    @im_the_Arka 21 день назад +1

    I can't wait for a guide on how to build a satisfied face when bolt failed to run npm install 20 times in a row, and then writes you “you're out of tokens”

  • @fabricioburning3247
    @fabricioburning3247 13 дней назад +1

    thank you Pro

  • @algorythmz444
    @algorythmz444 6 дней назад

    How would I do this if my I downloaded bolt locally and I'm using qwen 2.5?

  • @isaacmwanza9162
    @isaacmwanza9162 9 дней назад

    I think I broke bolt trying to add the firestorm database. ever since then I have been unable to preview my app. I really need help!

  • @ourHDC
    @ourHDC 26 дней назад +5

    please cover supabase! :D

    • @kc0tlh
      @kc0tlh 24 дня назад +1

      Supabase has a Bolt tutorial out already as well! ruclips.net/video/zNB2k2E6O74/видео.html

    • @ourHDC
      @ourHDC 24 дня назад +1

      @kc0tlh easy!! 👌🏽

  • @Jcohen1000
    @Jcohen1000 11 дней назад

    Connecting to a MongoDB database would be helpful as well.

  • @albertocatania6165
    @albertocatania6165 19 дней назад

    i need an help please. I create the account. I choose the free plan and connected with my project inside bolt. The storage works with normale files but if i want to create for instance an article and add an image on it, it does not work. Why? the free plan does not work if i want to upload images in the database? can you please give me an answer? thank you in advance.

  • @HashTriple0
    @HashTriple0 16 дней назад

    Has anyone deployed a project then claimed in on Netlify and then not been able to push changes to the project? I'm totally stuck. It just keeps creating new Netlify projects when I claim them they don't get updated beyond that point.

  • @computergig3622
    @computergig3622 25 дней назад

    Where is the video for the habit tracking app? And can it do the server side part using node js?

    • @maskman4821
      @maskman4821 15 дней назад

      use cloud services such as firebase, supabase, appwrite, etc instead.

  • @srvdeveloper8090
    @srvdeveloper8090 20 дней назад

    Make a video how i can integrate my ms excel of agency website for storing contact form details in bolt new

  • @imrankalathingal6444
    @imrankalathingal6444 26 дней назад

    Is it possible to make a tutorial on how to actually generate programmatic pages using bolt?😊

    • @TomekSulkowski
      @TomekSulkowski 25 дней назад

      Maybe..? Can you explain in a bit more details what you mean by programmatic pages?

  • @fjmedinacreatividad
    @fjmedinacreatividad 5 дней назад

    Hello, first of all, congrats for this magnificent tool for people like me who doesn't know anything about coding. Things are working fine, but I always get stuck in front of the same problem. When I have to login to my app or website, it just doesn't work for me I get lost and I can't fix it. Is there any way to make a guide for that simple issue?

  • @wasimdorboz
    @wasimdorboz 24 дня назад

    wow thanks , i wonder which better v0 or bolt ?

    • @maskman4821
      @maskman4821 15 дней назад

      bolt is fullstack ai, v0 is for frontend ui only

    • @wasimdorboz
      @wasimdorboz 15 дней назад

      @@maskman4821 thanks bro

  • @regallux6973
    @regallux6973 26 дней назад +1

    When will we be able to commit changes from bolt to github

    • @StackBlitzOfficial
      @StackBlitzOfficial  26 дней назад +1

      We don't have a specific ETA yet since it's quite a complex feature, but it's at the top of our priorities. We're looking forward to that one as well!

  • @Shadie404
    @Shadie404 25 дней назад

    please a make video by using you own domain web host instead of firebase

  • @jigsgfx42
    @jigsgfx42 26 дней назад +1

    how about supabase? having problem especially on Policies

    • @TomekSulkowski
      @TomekSulkowski 25 дней назад

      Great recommendation! I'll look into Policies when making the series about supabase next. Thanks!

    • @kc0tlh
      @kc0tlh 24 дня назад

      Supabase has a Bolt tutorial out already as well! ruclips.net/video/zNB2k2E6O74/видео.html

  • @edexrando
    @edexrando 24 дня назад +2

    when is next video dropping?

    • @edexrando
      @edexrando 24 дня назад

      ??

    • @kc0tlh
      @kc0tlh 22 дня назад

      @@edexrando Hopefully next week! Tomek is very busy tho but we're all hyped for his next video at StackBlitz!

    • @edexrando
      @edexrando 22 дня назад

      @@kc0tlh can you guys at least release some text/documentation about the database/user registrations in the meantime?

    • @kc0tlh
      @kc0tlh 20 дней назад

      @@edexrando We don't have anything written on this topic BUT the database provider you are looking to use likely does, so I would start there.

  • @Botkiller169
    @Botkiller169 26 дней назад

    Nice i used the supabase. Which bolt refered me to use to store my users data when they sign up butt keep onn getting an error failed to fetch i troubleshoot iit through bolt but cant rectify the error

    • @TomekSulkowski
      @TomekSulkowski 26 дней назад +2

      Oh, interesting! I'm actually planning to make tutorial(s) on Supabase here as well so I wonder if I'll hit the similar issues

    • @regallux6973
      @regallux6973 26 дней назад +1

      ​@@TomekSulkowskiplease do I use superbase with bolt

    • @limnhep8684
      @limnhep8684 26 дней назад +1

      @@TomekSulkowski Please do! I ran into similar issues setting up authentication and configuring the Supabase database. I used up to 3 million tokens trying to get it to work but still had no luck, so I eventually gave up and started a new app.

  • @magic-4-ai
    @magic-4-ai 9 дней назад

    hi tryed to migrate dataand it dosent work :(

  • @m.f.mfazrin8720
    @m.f.mfazrin8720 24 дня назад +1

    Please Do A demo with Supabase

    • @kc0tlh
      @kc0tlh 24 дня назад +1

      Supabase has a Bolt tutorial out already as well! ruclips.net/video/zNB2k2E6O74/видео.html

    • @m.f.mfazrin8720
      @m.f.mfazrin8720 24 дня назад +1

      @@kc0tlh Thank you

  • @GetGradeGenie
    @GetGradeGenie 11 дней назад

    how to do this in prod mode coz then anyone can steal and delete data

  • @catarapatara6511
    @catarapatara6511 25 дней назад

    Because of supabase policies and bolt didn’t guide me, i wasted my half paid tokens. Could you help me recover those tokens back?

  • @mralligatorrenovationsllc3875
    @mralligatorrenovationsllc3875 26 дней назад

    Hello, does that work for mongoDB Atlas too?

    • @TomekSulkowski
      @TomekSulkowski 26 дней назад

      It looks a bit more involved than Firebase. I've just played with it because I don't have a any experience with this specific service, but couldn't get it to work yet.

  • @giovanebueno86
    @giovanebueno86 18 дней назад

    Unfortunately, tokens are very expensive, with 10MM tokens you will be able to "try" to create 2 or 3 applications, the first plan does not last a week.

  • @wmafendi
    @wmafendi 7 дней назад

    WOW

  • @abhijeetbhagat100
    @abhijeetbhagat100 25 дней назад +1

    I need new video on bolt

  • @anandkanade9500
    @anandkanade9500 24 дня назад

    Supabase
    But it will be better if you directly teach it by building some serious project (instead of test and demo)

  • @goldenvisit2236
    @goldenvisit2236 День назад

    Jesus can change your live ❤

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh 25 дней назад

    I love bolt.new

  • @DickerehikariDuck
    @DickerehikariDuck 4 дня назад

    bolt is by far the best out there, but the only downside in all of these new technology is the limits for paid users!

  • @Divyv520
    @Divyv520 24 дня назад

    Hey stack , awesome video! Your unique style really stands out. I'm a video editing specialist focused on RUclips growth, and I can help enhance your content with high-quality edits and engaging thumbnails. If you're ever open to exploring new ideas or strategies that can boost your channel further, I'd love to connect and see how we can collaborate. Let me know your thoughts