Firebase होस्टिंग का इस्तेमाल शुरू करना

Firebase Hosting की मदद से, अपने ऐप्लिकेशन के स्टैटिक ऐसेट (एचटीएमएल, सीएसएस, JavaScript, मीडिया फ़ाइलें वगैरह) को तेज़ी से, सुरक्षित तरीके से, और भरोसेमंद तरीके से होस्ट किया जा सकता है. इसके अलावा, डाइनैमिक कॉन्टेंट दिखाया जा सकता है और माइक्रोसेवाएं होस्ट की जा सकती हैं.

प्रोडक्शन-ग्रेड की हमारी होस्टिंग, दुनिया भर में कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) पर काम करती है. Hosting डिफ़ॉल्ट रूप से, आपके कॉन्टेंट को एसएसएल पर सर्व करती है. इसका इस्तेमाल अपने कस्टम डोमेन के साथ या अपने प्रोजेक्ट के सबडोमेन पर, बिना किसी शुल्क के web.app और firebaseapp.com पर किया जा सकता है.




एआई असिस्टेंस के लिए, नीचे दिए गए प्रॉम्प्ट को अपने एआई कोडिंग एजेंट (जैसे, Antigravity, Claude Code, Codex, और Cursor) में कॉपी करें. प्रॉम्प्ट को अपनी पसंद के मुताबिक बनाया जा सकता है और अपने एजेंट के साथ इसे दोहराया जा सकता है. इंस्टॉल करने के बारे में ज़्यादा जानकारी के लिए, Firebase एजेंट की क्षमताओं के बारे में पढ़ें. 

Help me use Firebase in my app.
1. Make sure that **Firebase agent skills** are installed and updated. For Claude Code, Codex, or Cursor agents, help me install the Firebase plugin. For other agents, run `npx skills add firebase/agent-skills`.  Always try to use **Firebase agent skills** for Firebase-related tasks.
2. Help me use Firebase to host my web app. Set up my app to use Firebase, and then deploy my app.

शुरू करने से पहले

Firebase Hosting सेट अप करने से पहले, आपको Firebase प्रोजेक्ट बनाना होगा.

पहला चरण: Firebase सीएलआई इंस्टॉल करना

सीएलआई इंस्टॉल करने या इसे इसके नए वर्शन पर अपडेट करने का तरीका जानने के लिए, Firebase सीएलआई का दस्तावेज़ पढ़ें.

दूसरा चरण: अपने प्रोजेक्ट को शुरू करना

अपने लोकल प्रोजेक्ट की फ़ाइलों को Firebase प्रोजेक्ट से कनेक्ट करने के लिए, अपने लोकल प्रोजेक्ट की डायरेक्ट्री के रूट से यह निर्देश चलाएं:

firebase init hosting

प्रोजेक्ट शुरू करते समय, Firebase सीएलआई के प्रॉम्प्ट में:

  1. अपने लोकल प्रोजेक्ट की डायरेक्ट्री से कनेक्ट करने के लिए, कोई Firebase प्रोजेक्ट चुनें.

    चुना गया Firebase प्रोजेक्ट, आपके लोकल प्रोजेक्ट की डायरेक्ट्री के लिए "डिफ़ॉल्ट" Firebase प्रोजेक्ट होता है. अपने लोकल प्रोजेक्ट की डायरेक्ट्री से अन्य Firebase प्रोजेक्ट कनेक्ट करने के लिए, प्रोजेक्ट के एलियास सेट अप करें.

  2. सार्वजनिक रूट डायरेक्ट्री के तौर पर इस्तेमाल करने के लिए, कोई डायरेक्ट्री तय करें.

    इस डायरेक्ट्री में, सार्वजनिक तौर पर सर्व की जाने वाली आपकी सभी स्टैटिक फ़ाइलें शामिल होती हैं. इनमें आपकी index.html फ़ाइल और अन्य ऐसेट भी शामिल होती हैं जिन्हें Firebase Hosting पर डिप्लॉय करना है.

    • स्टैटिक ऐप्लिकेशन: अगर कोई स्टैटिक ऐप्लिकेशन डिप्लॉय किया जा रहा है, तो:

      • सार्वजनिक रूट डायरेक्ट्री के लिए डिफ़ॉल्ट नाम public होता है.

      • सार्वजनिक रूट डायरेक्ट्री को अभी तय किया जा सकता है या बाद में, अपनी firebase.json कॉन्फ़िगरेशन फ़ाइल में तय किया जा सकता है.

      • अगर डिफ़ॉल्ट नाम चुना जाता है और आपके पास public नाम की कोई डायरेक्ट्री नहीं है, तो Firebase आपके लिए यह डायरेक्ट्री बना देता है.

      • अगर सार्वजनिक रूट डायरेक्ट्री में, index.html या 404.html नाम की कोई मान्य फ़ाइल नहीं है, तो Firebase आपके लिए ये फ़ाइलें बना देता है.

    • ऐप्लिकेशन होस्टिंग के लिए ऑप्ट-इन करनाApp Hosting: अगर सीएलआई को Next.js या Angular Universal जैसे एसएसआर वेब फ़्रेमवर्क की सुविधाएं मिलती हैं, तो वह Firebase ऐप्लिकेशन होस्टिंगFirebase App Hosting को शुरू करने का सुझाव दे सकता है. App Hosting फ़ुल-स्टैक फ़्रेमवर्क वाले ऐप्लिकेशन के लिए, डिप्लॉयमेंट के लिए सुझाया जाता है. आप App Hosting का सेटअप जारी रख सकते हैं या सिर्फ़ स्टैटिक डिप्लॉय के लिए, Hosting (क्लासिक) का इस्तेमाल जारी रख सकते हैं.

  3. अपनी साइट के लिए कोई कॉन्फ़िगरेशन चुनें.

    अगर एक पेज वाला ऐप्लिकेशन बनाने का विकल्प चुना जाता है, तो Firebase आपके लिए, फिर से लिखने के कॉन्फ़िगरेशन अपने-आप जोड़ देता है.

शुरू करने की प्रोसेस पूरी होने के बाद, Firebase आपके स्थानीय ऐप्लिकेशन की डायरेक्ट्री के रूट में दो फ़ाइलें अपने-आप बना देता है और उन्हें जोड़ देता है:

तीसरा चरण: अपनी साइट पर डिप्लॉय करना

अपनी साइट पर डिप्लॉय करने के लिए, अपने स्थानीय प्रोजेक्ट की डायरेक्ट्री के रूट से यह कमांड चलाएं:

firebase deploy --only hosting

यह कमांड, आपके Hosting कॉन्टेंट और कॉन्फ़िगरेशन को, Firebase से मिले इन सबडोमेन पर डिप्लॉय करता है:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

डिप्लॉयमेंट के बारे में ज़्यादा जानें . साथ ही, अपनी साइट को स्थानीय तौर पर टेस्ट करने के बारे में भी जानें.

अगले चरण

अब आपकी साइट, दुनिया भर के लोगों के साथ शेयर करने के लिए तैयार है!