बिना हाथ लगाए! Codex का उपयोग करके एक दिन में लाभदायक वेबसाइट बनाने के लिए स्टेप-बाय-स्टेप गाइड

आपको Figma, React, Supabase या Vercel जानने की ज़रूरत नहीं है। यह लेख आपको सिखाता है कि कैसे औपचारिकताओं को छोड़कर सीधे Codex के साथ शुरुआत करें और एक लाभदायक वेबसाइट चालू करें।

साइट sudoku.com को हर महीने 12.69 मिलियन ऑर्गेनिक सर्च मिलते हैं (SimilarWeb अप्रैल 2026 डेटा)। चीनी भाषी समुदाय के अधिकांश डेवलपर्स अभी तक इस तरह की यूएस-मार्केट टेक्स्ट/नंबर गेम साइटें नहीं बना रहे हैं—जानकारी का अंतर बिल्कुल यहीं है।

पिछले हफ्ते, मैंने एक दिन में NYT Connections-शैली की एक शब्द-समूहीकरण गेम साइट बनाई—Daily Word Categories।

0 डिज़ाइन अनुभव, 0 फ्रंटएंड/बैकएंड कोड, और मासिक लागत सिर्फ एक Codex सब्सक्रिप्शन $20। बाकी 4 उपकरण सभी $0 से शुरू होते हैं।

मैंने पूरी प्रक्रिया के दौरान एक भी कमांड नहीं लिखा या माउस पर एक बार भी क्लिक नहीं किया—Codex ने मेरे लिए कमांड चलाए, Codex ने मेरे कंप्यूटर पर किसी भी ऐप को संचालित किया (ब्राउज़र/Finder/डिज़ाइन सॉफ़्टवेयर), और Codex ने मेरे लिए डेटाबेस कॉन्फ़िगर किया।

इससे भी बेहतर, Codex अब आपके ब्राउज़र पर कब्जा किए बिना समानांतर रूप से कई बैकग्राउंड टैब में चल सकता है। इसका मतलब है कि जब Codex आपके लिए अकाउंट रजिस्टर कर रहा है या DNS बदल रहा है, तब आप एक ही समय में अपने कंप्यूटर का उपयोग अन्य कामों के लिए कर सकते हैं।

डिज़ाइन सीखने की कोई ज़रूरत नहीं, कोड लिखने की कोई ज़रूरत नहीं, डिप्लॉयमेंट कमांड याद करने की कोई ज़रूरत नहीं—आप सिर्फ Codex से बात करते हैं।

Codex अब 3 काम कर सकता है—यही आपके शून्य-प्रयास दृष्टिकोण की कुंजी है

चीनी समुदाय में अधिकांश लोग अब भी Codex को सिर्फ एक "AI कोडिंग टूल" मानते हैं। वास्तव में, मई 2026 के बाद, Codex 3 काम कर सकता है, और ये 3 मिलकर = आपके लिए एक पूर्ण साइड-प्रोजेक्ट साइट चलाना:

▸ CLI कमांड निष्पादन: npm / git / pnpm / vercel कमांड चलाता है। कब उपयोग करें: टूल इंस्टॉल करना / प्रोजेक्ट शुरू करना / डिप्लॉय करना।

▸ कंप्यूटर उपयोग: आपके कंप्यूटर पर किसी भी ऐप को संचालित करता है—Chrome / Safari / Finder / डिज़ाइन सॉफ़्टवेयर / कोई भी GUI। एक बार प्राधिकरण के बाद, Codex आपके लिए क्लिक करता है, टाइप करता है और स्क्रीनशॉट लेता है। Chrome के पास एक समर्पित एक्सटेंशन है (आपके लॉग-इन सत्र का उपयोग करके सबसे स्थिर)। कब उपयोग करें: 5 अकाउंट रजिस्टर करना / DNS बदलना / Search Console कॉन्फ़िगर करना / किसी भी ऐप को संचालित करना जिसमें कमांड लाइन नहीं है।

▸ MCP सेवा कॉल: (Supabase / GitHub / Stripe, आदि के लिए उपलब्ध) सीधे बाहरी सेवा API + कॉन्फ़िगरेशन को कॉल करता है। कब उपयोग करें: डेटाबेस स्कीमा कॉन्फ़िगर करना / रिपॉजिटरी बनाना / भुगतान सेट करना।

यह स्टैक क्या है?

5 उपकरणों का संयोजन, 1 भुगतान वाला + 4 मुफ्त में शुरू होने वाले:

• Codex — मुख्य ड्राइवर + कंप्यूटर उपयोग + MCP तिकड़ी → $20/माह (सब्सक्रिप्शन)
• Open Design — डिज़ाइन ड्राफ्ट जनरेशन (ओपन सोर्स, 9 CLI के साथ संगत) → $0 (स्थानीय-प्रथम)
• Supabase — डेटाबेस + लॉगिन + फ़ाइल स्टोरेज (MCP इंटरफ़ेस है) → $0 (मुफ्त टियर 500MB DB / 50k MAU)
• Vercel — डिप्लॉयमेंट + डोमेन होस्टिंग + CDN → $0 (मुफ्त टियर 100GB बैंडविड्थ/माह)
• Replicate — AI मॉडल API (जब आवश्यक हो) → पे-एज़-यू-गो $0.001-0.01/कॉल
• डोमेन (आवश्यक) — आपकी पसंद → $10/वर्ष (Namecheap)

→ पहले वर्ष की कुल लागत लगभग $250 है ($20×12 + $10 डोमेन, पे-एज़-यू-गो API को छोड़कर)।

डेमो के लिए Daily Word Categories क्यों चुनें?

यूएस-मार्केट टेक्स्ट/नंबर गेम 2026 में एक नीला महासागर हैं। 3 डेटा बिंदु (सार्वजनिक रूप से उपलब्ध):

• sudoku.com: 12.69 मिलियन मासिक ऑर्गेनिक सर्च (SimilarWeb अप्रैल 2026), अभी भी बढ़ रहा है।
• NYT Games: The New York Times के अनुसार, 10 मिलियन+ दैनिक सक्रिय उपयोगकर्ता।
• "Connections hints today" जैसे लॉन्ग-टेल कीवर्ड का भारी दैनिक सर्च वॉल्यूम (Google Keyword Planner के आधार पर)।

AI साइट निर्माण के लिए Daily Word Categories क्यों एकदम सही है:

1. AI सीधे अनंत स्तर उत्पन्न करता है — प्रतिदिन 16 शब्द + 4 थीम श्रेणियां, Codex द्वारा एक वाक्य में उत्पन्न।
2. नए लोग 5 सेकंड में नियम समझ जाते हैं — न्यूनतम UI, कोई जटिल स्थिति नहीं।
3. मुद्रीकरण का स्पष्ट रास्ता — AdSense (उच्च ट्रैफ़िक) + Affiliate (समान उपकरणों को बढ़ावा देना) + प्रीमियम सब्सक्रिप्शन (दैनिक संकेत)।
4. सूचना अंतर मौजूद है — अधिकांश चीनी डेवलपर्स यूएस टेक्स्ट गेम नहीं कर रहे हैं, इसलिए प्रतिस्पर्धा कम है।

Open Design क्या है? आपको इसे क्यों इंस्टॉल करना चाहिए

Open Design, @tuturetom की nexu-io टीम (GitHub: github.com/nexu-io/open-design) द्वारा ओपन-सोर्स किया गया एक Claude Design विकल्प है।

3 मुख्य विशेषताएं:

• स्थानीय-प्रथम: आपके कंप्यूटर पर इंस्टॉल, कोई डेटा अपलोड नहीं।
• BYOK (अपनी-कुंजी-लाएं): नियंत्रणीय लागत।
• 19 कौशल + 71 ब्रांड-ग्रेड डिज़ाइन सिस्टम: ई-कॉमर्स / SaaS / गेम्स / व्यक्तिगत साइटों को कवर करता है।
• 9 CLI सार्वभौमिक: Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi के साथ संगत।

यह वाइब कोडिंग स्कूल की सबसे बड़ी कमजोरी को हल करता है—UI डिज़ाइन।

विशेष रूप से कैसे काम करें?

5 चरणों में पूरा करें। प्रत्येक चरण स्पष्ट करता है "आप क्या करते हैं / Codex आपके लिए क्या करता है"—आपका हिस्सा केवल आवाज़/टेक्स्ट है।

1. Codex आपके लिए 5 अकाउंट रजिस्टर करता है (15 मिनट)

आप केवल 3 काम करते हैं: Codex को बताएं "मेरे लिए 5 अकाउंट रजिस्टर करने में मदद करें" → स्क्रीन देखें + ईमेल/पासवर्ड/सत्यापन कोड दर्ज करें → OAuth प्राधिकरण के दौरान "Allow" पर क्लिक करें।

Codex आपके लिए करता है: कंप्यूटर उपयोग का उपयोग करके ब्राउज़र खोलता है → एक-एक करके रजिस्ट्रेशन पेज खोलता है → स्वचालित रूप से फॉर्म भरता है + OAuth रीडायरेक्ट संभालता है + अकाउंट जानकारी रिकॉर्ड करता है → आपको पुष्टि करने के लिए मार्गदर्शन करता है + अगली साइट पर स्विच करता है।

इसे Codex को भेजें:

"कंप्यूटर उपयोग का उपयोग करके क्रम में मेरी मदद करें: GitHub / Vercel / Supabase / Namecheap / Replicate रजिस्टर करें। GitHub OAuth लॉगिन को प्राथमिकता दें (Vercel / Supabase द्वारा समर्थित)। मैं ईमेल और पासवर्ड दर्ज करूंगा, आप प्रक्रिया चलाएं + अंत में 5 अकाउंट विवरण को एक सूची में व्यवस्थित करें।"

Codex स्वचालित रूप से Chrome खोलता है (मौजूदा सत्रों के साथ स्थिरता के लिए Chrome एक्सटेंशन अनुशंसित) और साइट दर साइट प्रक्रिया से गुजरता है। आपको केवल स्क्रीन देखने, व्यक्तिगत जानकारी दर्ज करने और Allow पर क्लिक करने की आवश्यकता है।

2. Codex Open Design + पूर्ण टूलचेन इंस्टॉल करता है (10 मिनट)

आप केवल 2 काम करते हैं: एक प्रॉम्प्ट भेजें → प्रत्येक चरण पर सहमत होने के लिए 'y' दबाएं।

Codex आपके लिए करता है: स्थानीय वातावरण की जाँच करता है → जो गायब है उसे इंस्टॉल करता है → Open Design इंस्टॉल करता है → इसे शुरू करता है → सभी कमांड चलाता है + प्रगति दिखाता है + समाप्त होने पर आपको एक्सेस पता बताता है।

भेजें:

"github.com/nexu-io/open-design पर जाएं और Open Design को ~/Tools/open-design में इंस्टॉल करें। Mac उपयोगकर्ता आधिकारिक हस्ताक्षरित ऐप को प्राथमिकता दें। Supabase CLI + Vercel CLI इंस्टॉल करें। मुझे स्थानीय Open Design पता + इंस्टॉलेशन की पुष्टि करने के लिए 3 टूल वर्शन बताएं।"

Codex स्वचालित रूप से चलता है:

1# ये Codex द्वारा चलाए जाते हैं, आप बस देखते हैं
2git clone https://github.com/nexu-io/open-design ~/Tools/open-design
3cd ~/Tools/open-design && pnpm install && pnpm dev
4npm install -g supabase
5npm install -g vercel

3-8 मिनट में पूरा हो जाता है, Codex आपको Open Design का स्थानीय पता बताता है।

3. Codex डिज़ाइन ड्राफ्ट तैयार करने के लिए Open Design संचालित करता है (5 मिनट)

आप केवल 2 काम करते हैं: अपनी गेम साइट का वर्णन करने वाला एक प्रॉम्प्ट भेजें → 1 डिज़ाइन चुनें जो आपको पसंद हो।

Codex आपके लिए करता है: Open Design इंटरफ़ेस खोलने के लिए कंप्यूटर उपयोग का उपयोग करता है → डिज़ाइन आवश्यकताएं इनपुट करता है → जनरेशन की प्रतीक्षा करता है → 3 उम्मीदवार प्रस्तुत करता है → चयनित डिज़ाइन को प्रोजेक्ट निर्देशिका में सहेजता है।

भेजें:

"स्थानीय Open Design खोलने के लिए कंप्यूटर उपयोग का उपयोग करें। एक Daily Word Categories गेम साइट डिज़ाइन बनाएं—NYT Connections के समान, प्रतिदिन 16 अंग्रेजी शब्द 4 समूहों में विभाजित। डार्क थीम, मोबाइल-फ़र्स्ट, NYT Games जैसी न्यूनतम शैली। मुझे चुनने के लिए 3 उम्मीदवार दें।"

Codex स्वचालित रूप से Open Design इंटरफ़ेस संचालित करता है + छवियां उत्पन्न करता है।

4. Codex Supabase MCP के साथ फ्रंटएंड लिखता है + डेटाबेस कॉन्फ़िगर करता है (15-20 मिनट)

आप केवल 2 काम करते हैं: कार्यों का वर्णन करने वाला एक प्रॉम्प्ट भेजें → Codex के समाप्त होने की प्रतीक्षा करें।

Codex आपके लिए करता है: React फ्रंटएंड लिखता है + डेटाबेस स्कीमा + RLS को सीधे कॉन्फ़िगर करने के लिए Supabase MCP का उपयोग करता है + API लिखता है → स्वचालित रूप से क्रॉन जॉब कॉन्फ़िगर करता है (आपको Supabase डैशबोर्ड खोलने की आवश्यकता नहीं है)।

भेजें:

"दूसरे डिज़ाइन ड्राफ्ट को Next.js प्रोजेक्ट में बदलें। 2 टेबल को सीधे कॉन्फ़िगर करने के लिए Supabase MCP का उपयोग करें: (1) puzzles (date + 16 words + 4 categories) (2) user_progress (user_id + puzzle_date + solved_at)। बुनियादी RLS नियम कॉन्फ़िगर करें। GPT-5 का उपयोग करके प्रतिदिन नए स्तर उत्पन्न करने के लिए सुबह 6 बजे एक क्रॉन जॉब सेट करें।"

Codex स्वचालित रूप से Supabase MCP को कॉल करता है ताकि सीधे डेटाबेस कॉन्फ़िगर कर सके (SQL एडिटर खोलने की आवश्यकता नहीं) + फ्रंटएंड कोड लिखता है + क्रॉन जॉब सेट करता है।

7-15 मिनट में, यह localhost:3000 पर खेलने योग्य है।

5. Codex Vercel पर डिप्लॉय करता है + Namecheap पर DNS बदलने के लिए कंप्यूटर उपयोग का उपयोग करता है (15 मिनट)

आप केवल 3 काम करते हैं: प्रॉम्प्ट भेजें → Namecheap लॉगिन पासवर्ड दर्ज करें → Google Search Console पासवर्ड दर्ज करें।

Codex आपके लिए करता है: CLI के माध्यम से git push + vercel deploy चलाता है + एनवायरनमेंट वेरिएबल सिंक करता है → ब्राउज़र खोलने के लिए कंप्यूटर उपयोग का उपयोग करता है → DNS बदलने के लिए Namecheap बैकएंड संचालित करता है → सत्यापन + साइटमैप सबमिट करने के लिए Google Search Console पर स्विच करता है।

भेजें:

"एक नए GitHub रिपोजिटरी में पुश करें, Vercel पर डिप्लॉय करें, और एनवायरनमेंट वेरिएबल को स्वचालित रूप से सिंक करें। मेरे Namecheap में लॉग इन करने और dailywordcat.com के DNS को Vercel द्वारा प्रदान किए गए नेमसर्वर में बदलने के लिए कंप्यूटर उपयोग का उपयोग करें। साथ ही, Google Search Console सेट अप करें + sitemap.xml सबमिट करें।"

Codex स्वचालित रूप से:

• CLI भाग: git init + push + vercel deploy + sync env vars
• कंप्यूटर उपयोग भाग: ब्राउज़र खोलता है → Namecheap को DNS बदलने के लिए संचालित करता है → सत्यापन + साइटमैप सबमिशन के लिए Google Search Console पर स्विच करता है

पूरी प्रक्रिया के दौरान, आपको केवल संकेत मिलने पर Namecheap/Google पासवर्ड दर्ज करने की आवश्यकता है; Codex आपके लिए बाकी सब क्लिक करता है।

डोमेन रिज़ॉल्यूशन 20-30 मिनट में पूरा हो जाता है।

इस समय, आपके पास एक लाइव, चालू वेबसाइट है।

3 सबसे आम नुकसान

नुकसान 1: कंप्यूटर उपयोग बिना प्राधिकरण के चरण 1/3/5 पर रुक जाएगा

Codex कंप्यूटर उपयोग प्रत्येक ऐप को पहली बार संचालित करने पर "Allow" पर क्लिक करने के लिए कहते हुए एक विंडो पॉप अप करेगा। यदि आपने पहले Codex App के कंप्यूटर उपयोग का उपयोग नहीं किया है, तो अनुमति पॉपअप की तलाश में 5 मिनट तक फंसने से बचने के लिए सेटिंग्स → प्राइवेसी → एक्सेसिबिलिटी / स्क्रीन रिकॉर्डिंग में एक बार Codex को अधिकृत करने की अनुशंसा की जाती है। Chrome कार्यों के लिए Chrome एक्सटेंशन सबसे स्थिर है।

नुकसान 2: Supabase RLS (रो लेवल सिक्योरिटी) कॉन्फ़िगर नहीं = उजागर डेटाबेस

Codex MCP के माध्यम से RLS का एक बुनियादी संस्करण कॉन्फ़िगर करता है। लाइव होने से पहले आपको जांचना चाहिए कि RLS नियम उचित हैं या नहीं। मैं अगली पोस्ट में विशिष्टताओं के बारे में बताऊंगा।

नुकसान 3: Chrome बैकग्राउंड समानांतर कार्य ≠ सभी कंप्यूटर उपयोग कार्य समानांतर हो सकते हैं

5/21 OpenAI घोषणा के बाद, Chrome में Codex कार्य पहले से ही बैकग्राउंड समानांतर हैं + ब्राउज़र पर कब्जा नहीं करते हैं—चरण 1 अकाउंट रजिस्ट्रेशन / चरण 5 DNS परिवर्तन Chrome कार्य हैं, इसलिए आप एक साथ अपने कंप्यूटर का उपयोग अन्य कामों के लिए कर सकते हैं।

लेकिन: जब Codex देशी ऐप (Finder / Photoshop / कोई भी गैर-ब्राउज़र ऐप) संचालित करता है, यह अभी भी अनुक्रमिक है—इन समयों पर, माउस न पकड़ें / cmd+tab न करें, इसके उस चरण को समाप्त करने की प्रतीक्षा करें। स्थानीय Open Design के साथ बातचीत करने वाले चरण 2-4 कभी-कभी देशी मोड का उपयोग करते हैं; इसे ध्यान में रखें।

यह किस प्रकार की साइटें बना सकता है?

4 पहचान से मेल खाता है:

आप यूएस-मार्केट टेक्स्ट/नंबर गेम साइटें बनाना चाहते हैं (नीला महासागर विकल्प) → Wordle वेरिएंट / Connections वेरिएंट / Sudoku / क्रॉसवर्ड

आप दैनिक पहेली उत्तर साइटें बनाना चाहते हैं (लॉन्ग-टेल ट्रैफ़िक हार्वेस्टर) → "Connections hints today" / "Wordle answer today" प्रकार की साइटें; शीर्ष Sudoku खिलाड़ियों को मासिक 12.69M ऑर्गेनिक सर्च मिलते हैं।

आप ट्रेंडिंग टूल साइटें बनाना चाहते हैं ("AI XX Generator" प्रकार) → नए मॉडल रिलीज़ के बाद टूल के लिए लैंडिंग पेज।

आप लॉगिन और भुगतान के साथ एक SaaS बनाना चाहते हैं → Supabase auth + Stripe + Vercel = एक पूर्ण वाणिज्यिक साइट।

मासिक लागत बनाम आय अपेक्षाएं

• माह 1: मासिक लागत $20-30 / आय $0-50 (निर्माण + Google इंडेक्सिंग की प्रतीक्षा)
• माह 3: मासिक लागत $30-50 / आय $50-300 (एकल साइट ट्रैफ़िक बढ़ता है)
• माह 6: मासिक लागत $50-100 / आय $500-1000+ (कई साइटें संचित / AdSense + Affiliate)

आय के आंकड़े सामान्य उद्योग सीमाएं हैं; अपने वास्तविक AdSense/Affiliate डैशबोर्ड देखें। संदर्भ सीमा: sudoku.com को एक साइट के लिए 12.69 मिलियन ऑर्गेनिक सर्च मिलते हैं।

एक आखिरी बात

एक साइट लॉन्च करने के लिए पहले 3 भूमिकाओं की आवश्यकता होती थी: डिज़ाइनर + फ्रंटएंड + बैकएंड। या एक व्यक्ति 3 महीने में 3 सेट कौशल सीखता था।

अब, 1 Codex सब्सक्रिप्शन + Open Design ओपन सोर्स = सभी 3 भूमिकाएं कवर। $20/माह एक Starbucks कॉफी से मुश्किल से अधिक है।

इससे भी महत्वपूर्ण बात—Codex अब सिर्फ कोड लिखने से अधिक कर सकता है; यह आपके कंप्यूटर पर किसी भी ऐप को संचालित करने के लिए कंप्यूटर उपयोग का उपयोग कर सकता है (सिर्फ ब्राउज़र नहीं—Finder / Photoshop / कोई भी GUI) + बैकएंड सेवाओं को कॉन्फ़िगर करने के लिए MCP कॉल कर सकता है। आज (5/21), OpenAI ने एक और ट्रिक जोड़ी: Chrome कार्य आपके ब्राउज़र पर कब्जा किए बिना बैकग्राउंड समानांतर टैब में चलते हैं। नए लोग वास्तव में 0 मैनुअल काम + 0 प्रतीक्षा करते हैं: आप केवल अपनी आवाज़ का उपयोग करते हैं + स्क्रीन देखते हैं + 'y' दबाते हैं, और बाकी समय Twitter स्क्रॉल करने या मीटिंग में बिताते हैं।

यूएस-मार्केट टेक्स्ट/नंबर गेम साइटें अभी भी एक नीला महासागर हैं—sudoku.com 12.69 मिलियन सर्च के साथ अभी भी बढ़ रहा है, और अधिकांश चीनी डेवलपर्स अभी तक आगे नहीं बढ़े हैं। सूचना अंतर ही पैसा है।

इन 5 चरणों को चलाने के लिए एक दिन चुनें। एक बार करने के बाद, एक नई साइट लॉन्च करना 30 मिनट का काम है। यह आपकी सप्ताहांत योजनाओं में हस्तक्षेप नहीं करेगा।