Building Apps

Class-6 - Deploying to Production with Bolt.new

Deploying Your Website to Production: A Step-by-Step Guide ๐Ÿš€ Welcome back! ๐ŸŽ‰ Today, we're diving into deploying your MVP (Minimum Viable Product) for the Builders Hub website. ...

Class-7 Setting up a Custom Domain Name for Your App

๐ŸŒ Setting Up a Custom Domain on Netlify ๐Ÿš€ 1๏ธโƒฃ Introduction & Purpose By default, Netlify assigns a random URL (e.g., stupendous-melba-...). ๐Ÿ˜ต‍๐Ÿ’ซ A custom doma ...

Class-8 Undo and Rollbacks in Bolt.new

Seamless Version Control and Rollback Features in BoldNew Introduction In any development workflow, version control is crucial for maintaining progress and managing changes effec ...

Class-9 Token Usage in Bolt.new (Remaining Tokens and How to Add More)

Understanding Tokens and Pricing in BoltNew Introduction Welcome back! In this section, we’ll discuss tokens—how BoldNew charges for usage, how to check your token ba ...

Class-10 Making Changes to Your App in Bolt.new

BoldNew provides a seamless experience for making changes to your application, offering powerful version control, rollback options, and real-time modifications. In this guide, we&r ...

Class-11 Redeploying to Production with Bolt.new

BoldNew provides a seamless experience for making changes to your application, offering powerful version control, rollback options, and real-time modifications. In this guide, we&r ...

Class-12 Adding a Favicon to Your App with Bolt.new

Making small improvements to your BoldNew app can enhance its appearance and functionality. In this guide, we’ll walk through a few simple yet effective modifications, includ ...

Class-13 Adding User Authentication to Your Bolt.new App (Short Version, Quick Example)

Class-14 Setting Up Authentication with Bolt.new (Includes Testing and Google Analytics)

User authentication allows users to register and log in, enabling personalized experiences and data collection. In the Bold New Builders Hub, authentication helps capture user deta ...

Class-15 Troubleshooting Sign in with Google in Bolt.new

Setting up user authentication is a crucial step in application development. However, errors can arise during implementation, particularly with Google Sign-In in Firebase. This art ...

Class-16 Tips for Troubleshooting Issues in Bolt.new

When working with Bolt, troubleshooting issues efficiently is key to maintaining smooth development workflows and optimizing token usage. While Bolt often detects and resolves issu ...

Class-17 Google Analytics for Your Bolt.new App

Google Analytics is a powerful tool for tracking user interactions, traffic, and other key metrics for your application. If you've set up your Bold New app with Firebase, you shoul ...

Class-18 Adding the User Profile to Your Bolt.new App

In this part of the course, we will add a user profile feature to our Bold New Builders Hub. Previously, when users signed in, it displayed only their name. Now, we want to enable ...

Class-19 Adding a Database to Your Bolt.new App (Short Version, Quick Example)

Class-20 Setting Up Your Database with Firebase for Your Bolt.new App

In this part of the course, we're going to integrate a database into our Bold New app. This will allow us to store and manage user data, including names, countries, and app-related ...

Class-21 Safeguarding Your Database in Bolt.new - Security Recommendation

Ensuring the security of your Firebase database is a crucial step in protecting your application and user data. Unauthorized access can lead to data breaches, manipulation, and eve ...

Class-22 Creating a Manual Backup of Your Bolt.new Project (App)

Welcome back! In this article, we will explore the connection between Bolt and Stackblitz. If you recall from earlier discussions, Stackblitz is the company behind Bolt New, which ...

Class-23 Adding Pages to Your Bolt.new App - Updating Security Rules and Troubleshooting

In this section, we will add an APS (Applications) page to the Bold New Builders Hub. While a tile for the APS page exists, it currently does not lead anywhere. Our goal is to ensu ...

Class-24 Adding a Profile Image to Your Bolt.new App - Testing and Troubleshooting Part 2

In this section of our course, we will focus on implementing profile image support for users in the Bold New Builders Hub. The goal is to streamline the user experience by automati ...

Class-25 Adding a Profile Image to Your Bolt.new App - Testing and Troubleshooting Part 2.1

When working with Firebase for app development, setting up billing and storage correctly is crucial for managing costs and ensuring smooth functionality. In this guide, we will wal ...

Class-26 Accessibility - Usability and User Interface Improvement Example

Usability plays a crucial role in application development, ensuring that users can navigate effortlessly and intuitively. A well-designed user interface (UI) enhances accessibility ...

Class-27 Adding Google reCAPTCHA to Protect Your Bolt.new App

In this section, we’ll explore Google reCAPTCHA, a powerful tool designed to prevent abuse and spam on your website or application. By implementing reCAPTCHA, you add an extr ...

Class-28 Adding Effects to Your Website or Application (Snow and Fireworks Example)

For example, if you visit Bold New Builders Hub (boldnew.dev), you’ll notice that I added a snow effect to the homepage and different pages of the application. The reason for ...