Building AI SaaS with bolt.new: step by step tutorial

कोड रहित टूल और ऑटोमेशन प्लेटफार्मों की उपस्थिति ने उद्यमियों और डेवलपर्स के लिए अभूतपूर्व अवसर पैदा किए हैं। इन टूल्स में bolt.new शामिल है, जो उपयोगकर्ताओं को कस्टम फ्रंट-एंड वेबसाइटों से AI ऑटोमेशनों को कनेक्ट करने में सक्षम बनाता है। इस ट्यूटोरियल में, हम यह पता लगाएंगे कि कैसे bolt.new का उपयोग करके एक पूर्ण ऑपरेशनल AI SaaS (सॉफ्टवेयर एज़ अ सर्विस) प्लेटफॉर्म बनाया जाए। हम एक साधारण ऑटो कैप्शन जनरेटर ऑटोमेशन को एक बाजार-केंद्रित AI SaaS उत्पाद में बदल देंगे जो राजस्व उत्पन्न कर सकता है।

इस चरण-दर-चरण मार्गदर्शिका का पालन करके, आप एक फ्रंट-एंड सिस्टम बनाने, ऑटोमेशनों को एकीकृत करने और अपने प्रोजेक्ट को लॉन्च करने की पूरी प्रक्रिया सीखेंगे। यह दृष्टिकोण कोड रहित उत्साही, इच्छुक SaaS डेवलपर्स और AI-पावर्ड टूल्स के साथ स्केल करने के लिए देख रहे व्यवसाय मालिकों के लिए आदर्श है।

Intro: unveiling the potential of bolt.new and AI SaaS

This is the introductory frame of the video

पिछले कुछ दिनों में, मैंने bolt.new का उपयोग करते हुए कई एप्लिकेशन विकसित किए हैं, जिसमें एक सोशल मीडिया एनालिटिक्स ट्रैकर ऐप, एक निवेश टूल, और यहां तक कि वीडियो क्लोनिंग ऐप भी शामिल है जो अनलिमिटेड वीडियो बनाने में सक्षम है। हालाँकि, आज का ध्यान पूरी तरह से कार्यात्मक ऑटो कैप्शन जनरेटर SaaS बनाने पर होगा। यह समाधान वीडियो कैप्शंस के निर्माण को स्वचालित करता है—एक ऐसा टूल जिसकी सामग्री निर्माण, सोशल मीडिया मार्केटिंग और व्यवसायों में उच्च मांग है।

यहां लक्ष्य है: आपको सभी चरण प्रदान करना है जिन्हें आपको इस ऑटोमेशन को एक पूर्ण AI SaaS प्लेटफॉर्म में बदलने के लिए आवश्यक है। इस लेख के अंत तक, आपके पास एक कार्यरत उत्पाद होगा जिसे आप बेच सकते हैं या अपनी AI एजेंसी में एकीकृत कर सकते हैं।

यह महत्वाकांक्षी उद्यमियों के लिए एक अविश्वसनीय समय है। bolt.new और ऑटोमेशन टूल्स जैसे प्लेटफार्मों के साथ, कोई भी सॉफ्टवेयर बनाकर बाजार के दिग्गजों की प्रतिस्पर्धा कर सकता है जैसे Duolingo (जिसका मूल्य $14 बिलियन है) या CapCut।

आइए इस टूल की विशाल संभावनाओं मेंDive करते हैं।

bolt.new + AI automation: redefining the game

Harnessing the power of automation with bolt.new

bolt.new फ्रंट-एंड वेबसाइटों से शक्तिशाली ऑटोमेशनों को कनेक्ट करने का एक सहज तरीका प्रदान करता है। आज का निर्माण "ऑटो कैप्शन जनरेटर" ऑटोमेशन को एक क्यूट सॉफ्टवेयर टूल में बदल देगा जो अपलोड किए गए वीडियो को कैप्शन वाले आउटपुट में प्रोसेस करता है।

ऑटोमेशन बैकएंड (जैसे, Airtable) को यूजर-फ्रेंडली वेबसाइटों से कनेक्ट करने की पारंपरिक जटिलता को bolt.new के साथ Dramatically सरलीकरण किया गया है। यह संयोजन डेवलपर्स को सक्षम बनाता है:

• ऑटोमेशनों के लिए उपयोगकर्ता-अनुकूल वेब इंटरफेस बनाएं।
• स्केल करें और ऑटोमेशनों को व्यवहार्य SaaS प्लेटफार्मों में बदलें।
• व्यवसायों को उनके ग्राहकों को आंतरिक टूल या सेवाएं पेश करने में सक्षम बनाएं।

यह क्यों क्रांतिकारी है: व्यवसाय अब अद्भुत फ्रंट-एंड घटकों को जोड़कर पूर्व-निर्मित ऑटोमेशनों को मौद्रीकरण कर सकते हैं। भाषा-सीखने वाले ऐप्स से लेकर वीडियो संपादकों तक, bolt.new कोड रहित और डेवलपर्स के लिए नए मौद्रीकरण अवसरों को खोलता है।

What we are building today

Preview of the finished Auto Captions Generator SaaS

हम जो उत्पाद बना रहे हैं उसमें दो मुख्य वेब पृष्ठ हैं:

1. इनपुट पृष्ठ: उपयोगकर्ता वीडियो फ़ाइलें अपलोड करेंगे।
2. आउटपुट पृष्ठ: यहां कैप्शन के साथ प्रोसेस किए गए वीडियो प्रदर्शित होंगे।

ऑटोमेशन स्वयं एक ऑटो कैप्शन जनरेटर ब्लूप्रिंट का उपयोग करता है, जिसे इनपुट पृष्ठ से वीडियो को प्रोसेस करने, कैप्शन बनाने और एक कैप्शन के साथ आउटपुट फ़ाइल लौटाने के लिए सेट किया गया है। आज हम जो कुछ भी बनाएंगे, उसमें ऑटोमेशन सहित, कोड रहित अवधारणाओं पर निर्भर करेगा, जिससे सरलता और स्केलेबिलिटी सुनिश्चित होती है।

इस टूल के कई अनुप्रयोग हैं:

• सामग्री निर्माताओं को उनके वर्कफ़्लो को सुव्यवस्थित करने में मदद करना।
• वीडियो विज्ञापनों के लिए कैप्शन के साथ सामग्री निर्माताओं को समर्थन देना।
• बेहतर पहुंच के लिए व्यवसायों को कैप्शन सेवाएं प्रदान करना।

आइए इस क्रांतिकारी उत्पाद का निर्माण शुरू करें।

Building the AI SaaS step by step

1. Setting up the automation

bolt.new पूर्व-निर्मित ऑटोमेशनों पर निर्भर करता है, जैसे हमारा ऑटो कैप्शन जनरेटर। आप जो चरणों का पालन करेंगे उनमें शामिल हैं:

• Airtable डेटाबेस के साथ ऑटोमेशन को एकीकृत करना।
• वीडियो अपलोड सेट करना ताकि ऑटोमेशन प्रोसेसिंग को ट्रिगर किया जा सके।
• फ्रंट-एंड इंटरफेस से बैकएंड ऑटोमेशन में इनपुट को सुगमता से मैप करना।

SaaS बनाने के दौरान उपयोगकर्ता की सुविधा सर्वोपरि है। अपने अंत उपयोगकर्ताओं को Airtable जैसे जटिल बैक-एंड सिस्टमों के संपर्क में लाने के बजाय, हम bolt.new का उपयोग करते हुए एक सीधा इंटरफेस जोड़ेंगे।

2. Designing the front-end

हमने bolt.new से एक आधुनिक 3डी-एनीमेटेड वेबसाइट उत्पन्न करने के लिए कहा जिसमें दो पृष्ठ (इनपुट और आउटपुट) हैं। यह प्रक्रिया React और Tailwind CSS का उपयोग करके एक चिकना, उत्तरदायी यूआई प्रदान करती है। जब सामग्री उत्पन्न हो गई, तो हमने इसकी समीक्षा की और अनुकूलित किया:

• इनपुट पृष्ठ: इसमें वीडियो अपलोड के लिए एक पारदर्शी ड्रैग-एंड-ड्रॉप इंटरफेस शामिल है।
• आउटपुट पृष्ठ: यह प्रोसेस किए गए फ़ाइलों को प्रदर्शित करता है, जिसमें कैप्शन वाले वीडियो के लिए डाउनलोड बटन शामिल होते हैं।

The input page of the SaaS platform

Connecting automation to the interface

1. Integrating inputs with Airtable

Airtable इस प्रोजेक्ट के लिए डेटाबेस के रूप में कार्य करता है, जो उपयोगकर्ता द्वारा अपलोड की गई फ़ाइलों को संभालता है। हमने आवश्यक ऑटोमेशनों को ट्रिगर करने के लिए Base ID और Table Name को पुनः प्राप्त करने के लिए Airtable के API का उपयोग किया।

सुरक्षित कनेक्शन सुनिश्चित करने के लिए, क्रेडेंशियल्स को एक सुरक्षित .env फ़ाइल में संग्रहीत किया गया, ताकि API कुंजी जैसे संवेदनशील डेटा को निजी रखा जा सके।

2. Cloudinary for video storage

वीडियो को सीधे Airtable में स्टोर करने के बजाय, हमने मल्टीमीडिया फ़ाइलों का प्रबंधन और भंडारण करने के लिए एक मुफ्त टूल Cloudinary का एकीकरण किया।
प्रवाह इस प्रकार कार्य करता है:

• अपलोड किए गए वीडियो Cloudinary को अग्रेषित किए जाते हैं।
• प्रोसेस की गई फ़ाइल फिर ऑटोमेशन के लिए Airtable को भेजी जाती है।
  यह कदम सहज प्रदर्शन और फ़ाइल भंडारण सीमाओं के अनुपालन को सुनिश्चित करता है।

Configuring Airtable and Cloudinary integrations

Rendering output and deploying

जब इनपुट और डेटाबेस एकीकरण पूरा हो गया, तो आउटपुट पृष्ठ को प्रोसेस किए गए वीडियो प्रदर्शित करने के लिए कॉन्‍फिगर करने की आवश्यकता थी। आउटपुट वीडियो लिंक Airtable से वापस लाए गए और वेब पृष्ठ पर डायनामिक रूप से रेंडर किए गए।

अंतिम SaaS प्लेटफ़ॉर्म में उपयोगकर्ताओं के लिए कार्यात्मक कार्यप्रवाह शामिल है:

1. अपने वीडियो अपलोड करें (इनपुट पृष्ठ)।
2. ऑटोमेशन के माध्यम से फ़ाइलों को प्रोसेस करें।
3. एक साफ, उपयोगकर्ता-अनुकूल इंटरफेस (आउटपुट पृष्ठ) के माध्यम से समाप्त वीडियो प्राप्त करें।

bolt.new की तैनाती सुविधाओं के साथ, SaaS को वास्तविक समय में परीक्षण किया गया और कार्यक्षमता के लिए आगे अनुकूलित किया गया।

Output page displaying completed videos

Why bolt.new is game-changing

AI-प्रेरित ऑटोमेशन और कस्टम नो-कोड इंटरफेस के संयोजन ने SaaS व्यवसायों के निर्माण के तरीके को बदल दिया है। यहां बताया गया है कि bolt.new एक गेम-चेंजर क्यों है:

1. गति: घंटों में ऑटोमेशनों का निर्माण और कनेक्ट करें, हफ्तों में नहीं।
2. सरलता: कोई पूर्व कोडिंग विशेषज्ञता की आवश्यकता नहीं है।
3. स्केलेबिलिटी: अनुकूलनीय समाधान जो उपयोगकर्ता की जरूरतों के साथ बढ़ते हैं।
4. लागत-कुशलता: Airtable और Cloudinary जैसे टूल्स मुफ्त योजनाएं प्रदान करते हैं, जिससे यह दृष्टिकोण बजट के अनुकूल बनता है।

bolt + ऑटोमेशन का उपयोग करना तकनीकी जटिलता की बाधा के बिना आला SaaS उत्पादों को बनाने का एक अद्भुत अवसर प्रदान करता है। चाहे वीडियो कैप्शनिंग हो या अन्य अभिनव विचार, bolt.new आपके पेशेवर प्रोजेक्ट बनाने की कुंजी है।

Conclusion: bringing your SaaS to life

इस ट्यूटोरियल में, हमने एक साधारण ऑटोमेशन को पूर्ण-फledged AI SaaS प्लेटफॉर्म में बदल दिया, जिसमें bolt.new की व्यापक क्षमताओं को उजागर किया गया। उपयोगकर्ता के अनुकूल इंटरफेस, निर्बाध बैकएंड एकीकरण, और Airtable और Cloudinary जैसे शक्तिशाली उपकरणों के साथ, स्केलेबल SaaS बनाना कभी आसान नहीं रहा।

जो लोग आगे बढ़ने के लिए तैयार हैं, उनके लिए Kev’s No Code Academy जैसे प्लेटफार्मों पर मुफ्त ब्लूप्रिंट और उन्नत ट्यूटोरियल प्रदान किए जाते हैं। Dive करें, और ऐसे SaaS उत्पाद बनाना शुरू करें जो वास्तविक राजस्व उत्पन्न करें। AI + ऑटोमेशन का भविष्य असीमित है—इस क्रांतिकारी आंदोलन का हिस्सा बनने का समय आ गया है।

सृजनात्मक बने रहें, साहसी बने रहें, और आज AI SaaS का स्वामित्व लेना शुरू करें!