यह ओपन-सोर्स टूल Bubble और Retool की जगह ले लेगा (Appsmith)

BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00ज़्यादातर डेवलपर्स इंटरनल टूल्स को ओवर-इंजीनियर कर रहे हैं और, सच कहें तो, हम सभी यह जानते हैं।
00:00:04आप React चलाते हैं, API जोड़ते हैं, ऑथ (auth) बनाते हैं, स्टेट मैनेज करते हैं सिर्फ एक ऐसा डैशबोर्ड बनाने के लिए जो मूल रूप से
00:00:10फॉर्म्स और टेबल्स है। यह AppSmith है, 39,000 से अधिक स्टार्स वाला एक ओपन सोर्स टूल जो
00:00:16इनमें से ज़्यादातर चीज़ों को कुछ ही मिनटों में बदल सकता है। इसे Bubble के ओपन सोर्स विकल्प के रूप में सोचें,
00:00:21और मैं आपको दिखाऊँगा कि यह कुछ ही मिनटों में कैसे काम करता है।
00:00:29अब, AppSmith एकदम नया नहीं है, लेकिन फिर भी इसके बारे में उतनी चर्चा नहीं होती जितनी होनी चाहिए।
00:00:34इसे लैंडिंग पेजों या कस्टम ऐप्स के लिए नहीं, बल्कि सिर्फ इंटरनल टूल्स के लिए बनाया गया है। हमें ड्रैग एंड ड्रॉप UI मिलता है,
00:00:41लेकिन पूरे JavaScript के साथ ताकि आप कभी अटकें नहीं। आप डेटाबेस, API, SaaS टूल्स कनेक्ट करते हैं,
00:00:47और आप अभी भी एक सामान्य डेवलपर की तरह Git का उपयोग करते हैं। अब, यहाँ कोई लॉक-इन नहीं है और हम इसे पूरी तरह से
00:00:54मुफ्त में सेल्फ-होस्ट कर सकते हैं, साथ ही हमें अनलिमिटेड यूज़र्स मिलते हैं। तो असली सवाल यह है कि क्या यह वास्तव में समय बचाता है?
00:01:00चलिए मैं आपको दिखाता हूँ। अगर आप इस तरह के ओपन सोर्स टूल्स और कोडिंग टिप्स का आनंद लेते हैं,
00:01:04तो सब्सक्राइब ज़रूर करें। हमारे वीडियो हर समय आते रहते हैं। अब, एक बार जब आप AppSmith लॉन्च करते हैं,
00:01:10तो आप एक त्वरित अकाउंट बनाएंगे, जो बहुत सरल है। फिर अपने डैशबोर्ड पर, आप एक खाली कैनवस के साथ एक नया ऐप शुरू कर सकते हैं।
00:01:15अब, चूंकि यह एक पूर्ण ट्यूटोरियल नहीं है, इसलिए मैं केवल प्रीसेट Postgres
00:01:21डेटाबेस चुनूँगा, लेकिन आप यहाँ वे सभी विकल्प देख सकते हैं जिन्हें हम वास्तव में इसमें बना सकते हैं,
00:01:26जो कि बहुत अच्छा है। एक बार जब मेरे पास डेटाबेस (मेरे मामले में Postgres) लिंक हो जाता है, तो हमारा काम हो गया।
00:01:32डेटाबेस में, बहुत सारे टेबल्स हैं जिनके साथ आप खेल सकते हैं, लेकिन मैं
00:01:36एम्प्लॉई टेबल चुनूँगा क्योंकि इसमें कुछ डमी यूज़र्स हैं। अब, मैं एक टेबल ड्रॉप करूँगा,
00:01:42सही डेटाबेस टेबल से कनेक्ट करना चुनूँगा। यह तुरंत टेबल को भर देता है, और फिर मैं
00:01:47एक इनपुट फॉर्म और एक सबमिट बटन जोड़ सकता हूँ। आप देख सकते हैं कि यह सब कैसे ड्रैग एंड प्ले है,
00:01:52और फिर साइडबार पर, मैं इसमें क्वेरीज़ और यहाँ तक कि JavaScript भी लिंक कर सकता हूँ।
00:01:55मैंने डेटा को पहले ही टेबल से बाइंड कर दिया है, लेकिन यहाँ मैं डेटाबेस में यूज़र को खोजने के लिए इनपुट फ़ील्ड के साथ एक क्वेरी बना सकता हूँ।
00:02:01बस ऐसे ही, यह हो गया। अपडेट करने के लिए हमारे बटन में एक ट्रिगर जोड़ें, शायद
00:02:07एक टोस्ट नोटिफिकेशन, डिप्लॉय पर क्लिक करें, और यह एक काम करने वाला CRUD ऐप है। मतलब, ठीक है, यह बहुत बेसिक है क्योंकि मैं
00:02:12इन सब पर बस कुछ ही मिनटों में बात कर रहा हूँ, लेकिन मुझे पता है कि आप इसके पीछे की असली बहुमुखी प्रतिभा देख सकते हैं
00:02:17और यह भी कि यह वर्कफ़्लो में कितना तेज़ होगा। कोई React सेटअप नहीं, कोई API लेयर नहीं, कोई ऑथ वायरिंग नहीं।
00:02:23इसमें शायद एक मिनट लगा, शायद दो, ठीक है? और आपके पास अभी भी JavaScript,
00:02:28थीम्स और Git के साथ पूरा कंट्रोल है। तो हाँ, यह मुफ्त है, यह तेज़ है, इसलिए Bubble या किसी और चीज़ के लिए भुगतान करने की ज़रूरत नहीं है।
00:02:34यह जल्दी से शुरू करने के लिए एक बेहतरीन टूल है। AppSmith मूल रूप से एक तरफ UI है, दूसरी तरफ डेटा,
00:02:40और सब कुछ जोड़ने के लिए JavaScript है। विगेट्स आपके UI को संभालते हैं, डेटा सोर्स डेटाबेस से जुड़ते हैं,
00:02:46API, यहाँ तक कि LLMs और क्वेरीज़ भी बस SQL, REST या JavaScript हैं। और मुख्य विचार यह है कि JavaScript
00:02:54हर जगह है। अब, ज़्यादातर लो-कोड टूल्स आपसे लॉजिक छिपाते हैं, और फिर एक उसे उजागर करता है। यही कारण है कि
00:03:00डेवलपर्स स्विच कर रहे हैं। Git वैसे ही काम करता है जैसा आप उम्मीद करते हैं, ब्रांचिंग, मर्जिंग, CI/CD, इसमें कुछ भी अजीब नहीं है,
00:03:06और आप Docker या Kubernetes के साथ सेल्फ-होस्ट कर सकते हैं। तो आप अपने डेटा और अपनी लागतों को कंट्रोल करते हैं। आप
00:03:12React या प्लेन JavaScript के साथ कस्टम कॉम्पोनेन्ट्स बना सकते हैं, और यह
00:03:18RBAC, ऑडिट लॉग्स और SSO के साथ प्रोडक्शन के लिए तैयार है। अब, इन सब के साथ, ज़ाहिर है कि AI भी है,
00:03:23लेकिन महत्वपूर्ण हिस्सा यह है कि यह ऐसा कोड जनरेट करता है जिसे आप वास्तव में एडिट कर सकते हैं। तो यह शायद परफेक्ट लगता है,
00:03:30लेकिन ऐसा नहीं है, ठीक है? वैसे, यह समय बचाने में अच्छा है क्योंकि हम तेज़ी से शिप कर सकते हैं, और ईमानदारी से,
00:03:36इसे इस्तेमाल करने के बाद, यह काफी सटीक लगता है। यह वास्तव में ओपन सोर्स है, इसलिए आप
00:03:42किसी प्राइसिंग मॉडल में नहीं फंसते। हम अटकते नहीं हैं क्योंकि हम हमेशा इसमें JavaScript डाल सकते हैं,
00:03:47और अगर आप सेल्फ-होस्ट करते हैं, तो यह अनलिमिटेड यूज़र्स के साथ मुफ्त है। लेकिन दूसरी तरफ, समय या स्केल के साथ,
00:03:52यह अभी भी टूट सकता है। अब, यदि आप क्लाइंट पर विशाल डेटासेट रेंडर करने का प्रयास करते हैं,
00:03:58तो यह धीमा हो सकता है, इसलिए आपको सर्वर-साइड पेजिनेशन की आवश्यकता होगी। मोबाइल लेआउट स्वचालित नहीं हैं।
00:04:04आपको उन्हें मैन्युअल रूप से ट्वीक करने की आवश्यकता होगी। और यदि आप नो-कोड स्टेट मैनेजमेंट से आ रहे हैं,
00:04:08तो यह शुरू में वास्तव में भ्रमित करने वाला लग सकता है। और यदि आप कुछ
00:04:14फैंसी डैशबोर्ड चाहते हैं, तो UI, Retool जैसे टूल्स से थोड़ा पीछे है। इनमें से कोई भी वास्तव में बहुत मायने नहीं रखता, लेकिन वे आपके उपयोग के मामले के आधार पर मायने रखते हैं।
00:04:20तो यह वास्तव में कहाँ फिट बैठता है? असली तुलना Retool बनाम AppSmith की है। Retool
00:04:26ज़्यादा पॉलिश है और इसमें मज़बूत फीचर्स हैं, लेकिन यह महंगा और क्लोज्ड सोर्स है। AppSmith
00:04:32कम पॉलिश है। यह ओपन सोर्स है, है ना? लेकिन सब कुछ आपका अपना है। यदि आप सेल्फ-होस्ट करते हैं तो लागत शून्य है।
00:04:39Bubble और Webflow वास्तव में तुलना के योग्य नहीं हैं क्योंकि वे अधिक कस्टमर-फेसिंग ऐप्स हैं,
00:04:44लेकिन वे कई शानदार चीज़ें करते हैं जो समान हैं। Tooljet इसके करीब है, लेकिन AppSmith
00:04:49अभी भी मज़बूत Git इंटीग्रेशन के साथ अलग दिखता है। इसलिए यदि आपका लक्ष्य इंटरनल टूल्स को जल्दी से शिप करना है,
00:04:55तो AppSmith आमतौर पर एक बेहतर ट्रेड-ऑफ है। अगर आप इस तरह के ओपन सोर्स टूल्स और कोडिंग टिप्स का आनंद लेते हैं,
00:05:00तो BetterStack चैनल को सब्सक्राइब ज़रूर करें। हम आपको एक और वीडियो में मिलेंगे।

Key Takeaway

Appsmith इंटरनल टूल्स बनाने के लिए एक मुफ़्त ओपन-सोर्स समाधान है जो ड्रैग-एंड-ड्रॉप सादगी को फुल JavaScript कंट्रोल और Git इंटीग्रेशन के साथ जोड़कर डेवलपमेंट समय को 90% तक कम कर देता है।

Highlights

Appsmith GitHub पर 39,000 से अधिक स्टार्स वाला एक ओपन-सोर्स प्लेटफॉर्म है जो इंटरनल टूल्स बनाने के लिए Bubble और Retool का विकल्प देता है।

यह टूल React सेटअप, API लेयर और ऑथ वायरिंग की ज़रूरत को खत्म करके कुछ ही मिनटों में एक चालू CRUD ऐप तैयार कर देता है।

Docker या Kubernetes के माध्यम से सेल्फ-होस्ट करने पर यह अनलिमिटेड यूज़र्स के लिए पूरी तरह मुफ्त है और इसमें कोई वेंडर लॉक-इन नहीं है।

प्लेटफॉर्म में ड्रैग-एंड-ड्रॉप UI के साथ पूरी JavaScript क्षमता और Git सपोर्ट (ब्रांचिंग, मर्जिंग, CI/CD) मिलता है।

विशाल डेटासेट रेंडर करते समय यह धीमा हो सकता है, जिसके समाधान के लिए सर्वर-साइड पेजिनेशन अनिवार्य है।

Timeline

इंटरनल टूल्स डेवलपमेंट की समस्या और समाधान

  • पारंपरिक कोडिंग में साधारण डैशबोर्ड के लिए React, API और स्टेट मैनेजमेंट का अत्यधिक उपयोग ओवर-इंजीनियरिंग है।
  • Appsmith विशेष रूप से इंटरनल टूल्स के लिए डिज़ाइन किया गया है, न कि कस्टम लैंडिंग पेज या बाहरी ऐप्स के लिए।
  • सेल्फ-होस्टिंग मॉडल के कारण इसमें यूज़र्स की संख्या पर कोई वित्तीय प्रतिबंध या लॉक-इन नहीं है।

डेवलपर्स अक्सर छोटे इंटरनल टूल्स बनाने में बहुत समय बर्बाद करते हैं। Appsmith इस प्रक्रिया को सरल बनाता है क्योंकि यह सिर्फ इंटरनल ज़रूरत पर ध्यान केंद्रित करता है। इसमें ड्रैग एंड ड्रॉप की आसानी है लेकिन डेवलपर्स के लिए JavaScript का पूरा लचीलापन मौजूद है।

CRUD ऐप बनाने की व्यावहारिक प्रक्रिया

  • Postgres जैसे डेटाबेस को लिंक करके टेबल और डमी डेटा को तुरंत इम्पोर्ट किया जा सकता है।
  • विगेट्स को कैनवस पर ड्रॉप करके उन्हें सीधे डेटाबेस क्वेरीज़ से बाइंड करना संभव है।
  • बटन ट्रिगर्स और टोस्ट नोटिफिकेशन्स जैसे फीचर्स को बिना किसी जटिल वायरिंग के जोड़ा जा सकता है।

एक एम्प्लॉई टेबल का उदाहरण दिखाते हुए यह स्पष्ट है कि डेटाबेस को कनेक्ट करना और टेबल रेंडर करना सेकंडों का काम है। इसमें SQL, REST या JavaScript का उपयोग करके डेटा को अपडेट करने के लिए ट्रिगर बनाए जा सकते हैं। पूरा सेटअप मुश्किल से दो मिनट में एक कार्यात्मक CRUD एप्लिकेशन में बदल जाता है।

तकनीकी आर्किटेक्चर और एंटरप्राइज फीचर्स

  • इसका आर्किटेक्चर UI के लिए विगेट्स, डेटा के लिए सोर्स और जोड़ने के लिए JavaScript का उपयोग करता है।
  • AI इंजन ऐसा कोड जनरेट करता है जिसे डेवलपर्स अपनी ज़रूरत के अनुसार एडिट कर सकते हैं।
  • सुरक्षा के लिए इसमें RBAC (Role-Based Access Control), ऑडिट लॉग्स और SSO पहले से मौजूद हैं।

सिस्टम की ताकत JavaScript की उपलब्धता में है जो हर छोटे-बड़े लॉजिक को कंट्रोल करने की अनुमति देती है। यह केवल एक नो-कोड टूल नहीं है क्योंकि यह Git के साथ ब्रांचिंग और CI/CD जैसे प्रोफेशनल वर्कफ़्लो का समर्थन करता है। साथ ही कस्टम कॉम्पोनेन्ट्स बनाने के लिए React का उपयोग किया जा सकता है।

सीमाएँ और बाज़ार में तुलना

  • क्लाइंट-साइड पर बड़े डेटासेट रेंडरिंग में परफॉरमेंस की समस्या आ सकती है।
  • मोबाइल लेआउट ऑटोमैटिक नहीं हैं और उन्हें मैन्युअल रूप से ठीक करना पड़ता है।
  • Retool की तुलना में इसका UI कम पॉलिश है लेकिन ओपन-सोर्स होने के कारण इसकी लागत शून्य है।

Appsmith उन लोगों के लिए बेहतरीन ट्रेड-ऑफ है जो कीमत बचाना चाहते हैं और जिन्हें मज़बूत Git इंटीग्रेशन चाहिए। हालांकि Retool अधिक पॉलिश और फीचर्स से भरा है, लेकिन वह महंगा और क्लोज्ड सोर्स है। मोबाइल ऑप्टिमाइज़ेशन और बहुत बड़े डेटा हैंडलिंग के समय सावधानी बरतनी ज़रूरी है।

Community Posts

View all posts