डेटाबेस जोड़ना
वास्तविक डेटा सहेजें और लोड करें।
डेटाबेस जोड़ना, CoddyKit पर वाइब कोडिंग का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह वाइब कोडिंग सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
अपने डेटा को स्थायी बनाएँ
अभी आपका ऐप समय की प्रविष्टियों को मेमरी में रखता है — सर्वर दोबारा शुरू करें और वे गायब हो जाती हैं। वास्तविक ऐप्स को एक डेटाबेस चाहिए: ऐसी जगह जो डेटा को स्थायी रूप से संग्रहीत करे और आपको उसे विश्वसनीय ढंग से पढ़ने, जोड़ने, अपडेट करने और हटाने दे।
इस पाठ में AI आपके फुल-स्टैक ऐप में एक वास्तविक डेटाबेस जोड़ेगा और मेमरी में मौजूद सारणी को वास्तविक संग्रहण से बदलेगा। सबसे अच्छी बात यह है कि आप अपनी आवश्यकता बताते हैं और AI अधिकांश सेटअप संभाल लेता है।
डेटाबेस वास्तव में क्या करता है
डेटाबेस को एक समझदार, स्थायी स्प्रेडशीट की तरह समझें। डेटा सारिणियों (या संग्रहों) में रहता है, हर पंक्ति एक रिकॉर्ड होती है और हर कॉलम एक फ़ील्ड — बिल्कुल उस डेटा मॉडल की तरह जिसकी आपने पहले योजना बनाई थी।
आप इसके साथ CRUD क्रियाओं के ज़रिए काम करते हैं: Create (बनाना), Read (पढ़ना), Update (अपडेट करना), Delete (हटाना)। ऐप डेटा के साथ जो लगभग भी हर काम करता है, वह इन चार में से एक होता है।
Explain databases to a beginner using my freelancer hours app.
Cover:
- what a table/row/column is, using TimeEntry as the example
- what CRUD means with one example operation each
- how this maps to the data model in my PROJECT.md
No jargon dumps — keep it concrete and short.SQL बनाम NoSQL (AI की मदद से चुनें)
दो व्यापक शैलियाँ मौजूद हैं। SQL डेटाबेस (जैसे PostgreSQL) डेटा को संबंधों वाली व्यवस्थित सारिणियों में रखते हैं — जब आपके डेटा का ढाँचा स्पष्ट हो, तब ये बहुत अच्छे हैं। NoSQL डेटाबेस (जैसे MongoDB या Firestore) लचीले दस्तावेज़ों में डेटा रखते हैं।
अधिकांश वाइब-कोडेड ऐप्स के लिए होस्ट किया गया SQL डेटाबेस एक अच्छा डिफ़ॉल्ट विकल्प है। AI से किसी एक की अनुशंसा करने और अपने PROJECT के लिए उसका कारण बताने को कहें।
For my freelancer hours app (clients and time entries with clear relationships), recommend ONE database.
Compare SQL vs NoSQL in 3 sentences for my case, then pick one. Favor a hosted, beginner-friendly option that works smoothly with Next.js and deploys easily (e.g. a Postgres host like Supabase or Neon). Explain why.होस्ट किए गए डेटाबेस सेटअप का काम बचाते हैं
आप अपने कंप्यूटर पर डेटाबेस इंस्टॉल कर सकते हैं, लेकिन वाइब कोडिंग के लिए होस्ट किया गया डेटाबेस कहीं अधिक आसान है — Supabase, Neon या PlanetScale जैसी सेवाएँ इसे क्लाउड में चलाती हैं और आपको कनेक्शन URL देती हैं।
आप उनके डैशबोर्ड में एक PROJECT बनाते हैं, कनेक्शन स्ट्रिंग कॉपी करते हैं और AI उसे आपके ऐप से जोड़ देता है। सर्वरों को संभालने की कोई आवश्यकता नहीं।
Walk me through, step by step, how to create a free Postgres database on Supabase and get my connection string.
Then tell me exactly where to put that connection string in a Next.js project so it stays secret (not in my code, not in my prompts). List the steps as a numbered checklist.AI से अपना स्कीमा परिभाषित करवाएँ
स्कीमा आपकी सारिणियों का खाका होता है — नाम, कॉलम, प्रकार और संबंध। इसे हाथ से लिखने के बजाय अपना डेटा मॉडल AI को दें और स्कीमा बनाने के लिए कहें।
कई तकनीकी ढाँचे Prisma जैसे ORM का उपयोग करते हैं, जो आपको एक ही फ़ाइल में स्कीमा परिभाषित करने देता है और AI इसे बनाने में बहुत अच्छा है।
Using Prisma with Postgres, write a schema for my freelancer hours app based on this data model:
- Client: id, name
- TimeEntry: id, hours, date, note, belongs to a Client
Give me the schema.prisma file, and the commands to create the tables in my database. Explain the relation line so I understand it.मेमरी को डेटाबेस से बदलें
अब पहले बनाए गए एंडपॉइंट को बेहतर बनाएँ। जहाँ वे पहले मेमरी में मौजूद सारणी का उपयोग करते थे, अब उन्हें वास्तविक डेटाबेस से डेटा पढ़ना और उसमें डेटा लिखना चाहिए।
AI को ठीक-ठीक बताएँ कि किन एंडपॉइंट को अपडेट करना है और किस डेटाबेस क्लाइंट का उपयोग करना है। यह काम प्रत्येक एंडपॉइंट के लिए अलग-अलग करने से उसका परीक्षण करना आसान रहता है।
Update my /api/entries endpoints to use Prisma instead of the in-memory array.
- POST /api/entries: create a TimeEntry row in the database
- GET /api/entries: return all entries ordered by date, newest first
Keep the same JSON shape the frontend already expects. Show the updated route code and note anything I must run before it works.साधारण JavaScript में CRUD
अंदर से देखें तो CRUD रिकॉर्ड की सूची पर की जाने वाली क्रियाएँ मात्र हैं। यहाँ उन चारों क्रियाओं का एक छोटा-सा मेमरी-आधारित रूप है — वही तर्क जिसे डेटाबेस बड़े पैमाने पर लागू करता है। इसे चलाकर बनाना, पढ़ना, अपडेट करना और हटाना होते हुए देखें।
let entries = [];
let nextId = 1;
function create(data) { const row = { id: nextId++, ...data }; entries.push(row); return row; }
function readAll() { return entries; }
function update(id, changes) { const row = entries.find(e => e.id === id); if (row) Object.assign(row, changes); return row; }
function remove(id) { entries = entries.filter(e => e.id !== id); }
create({ client: "Acme", hours: 3 });
create({ client: "Globex", hours: 2 });
update(1, { hours: 5 });
remove(2);
console.log(readAll());अपडेट और हटाने वाले एंडपॉइंट जोड़ें
अब तक आप डेटा बना और पढ़ सकते हैं। वास्तविक ऐप्स में डेटा को संपादित और हटाना भी आवश्यक होता है — कोई फ्रीलांसर घंटों की संख्या में टाइपिंग की गलती सुधार सकता है या गलत प्रविष्टि हटा सकता है।
AI से बाकी CRUD एंडपॉइंट जोड़ने के लिए कहें और उन्हें मौजूदा एंडपॉइंट के अनुरूप रखें।
Add the remaining CRUD endpoints for time entries using Prisma:
- PUT /api/entries/[id]: update an entry's fields
- DELETE /api/entries/[id]: delete an entry
Validate the id, return clear errors if the entry doesn't exist, and match the style of my existing GET/POST routes. Show me how the frontend would call each one.माइग्रेशन: स्कीमा को सुरक्षित रूप से बदलना
आपकी डेटा संबंधी ज़रूरतें बदलेंगी — आप कोई कॉलम या नई सारणी जोड़ेंगे। माइग्रेशन आपके डेटाबेस की संरचना में किया गया ऐसा दर्ज और दोहराया जा सकने वाला बदलाव है, जिससे मौजूदा डेटा खोए बिना उसे अपडेट किया जा सकता है।
Prisma जैसे टूल आपके लिए माइग्रेशन तैयार करते हैं। डेटाबेस को हाथ से संपादित करने के बजाय हमेशा AI से माइग्रेशन का उपयोग करने को कहें, ताकि बदलाव सुरक्षित और वापस किए जा सकने योग्य रहें।
I want to add an 'hourlyRate' field to the Client table without losing existing data.
Update my Prisma schema, then give me the exact migration command to apply this change safely. Explain why using a migration is safer than editing the database directly, and what happens to existing rows.जाँचें कि डेटा दोबारा शुरू करने पर भी बना रहता है
डेटाबेस का मुख्य उद्देश्य स्थायित्व है। इसका परीक्षण करें: एक प्रविष्टि जोड़ें, अपना ऐप बंद करके दोबारा शुरू करें और फिर से लोड करें — प्रविष्टि अब भी मौजूद होनी चाहिए।
अगर डेटा गायब हो जाता है, तो संभव है कि कहीं अब भी मेमरी वाली सारणी का उपयोग हो रहा हो या कनेक्शन सेट न हुआ हो। समस्या के लक्षण AI को बताएँ और उसे बचा हुआ कोड ढूँढ़ने दें।
I added the database, but after I restart the server my time entries disappear. They should be stored in Postgres.
Help me figure out why. What should I check to confirm the endpoints are actually hitting the database and not a leftover in-memory array? Give me a short diagnostic checklist.वास्तविक डेटा, वास्तविक ऐप
अब आपके ऐप में वास्तविक स्थायी संग्रहण है: डेटा एक वास्तविक होस्ट किए गए डेटाबेस में बनाया, पढ़ा, अपडेट और हटाया जाता है और दोबारा शुरू करने पर भी बना रहता है। आपने सभी चार CRUD क्रियाएँ सीख ली हैं और माइग्रेशन की मदद से अपने स्कीमा को सुरक्षित रूप से विकसित करना भी सीखा है।
एक पूर्ण उत्पाद के लिए अब एक बड़ा हिस्सा बाकी है: यह जानना कि ऐप का उपयोग कौन कर रहा है। अगली बार हम उपयोगकर्ता खाते और लॉगिन जोड़ेंगे।
त्वरित जाँच
डेटाबेस की मूल बातों की पुष्टि करें।
पुनरावलोकन: वास्तविक संग्रहण जोड़ना
आपने अपने ऐप को ऐसी याददाश्त दी जो बनी रहती है:
- एक डेटाबेस डेटा को सारिणियों (पंक्तियों और कॉलम) में स्थायी रूप से संग्रहीत करता है
- आप इसके साथ CRUD के ज़रिए काम करते हैं: Create, Read, Update, Delete
- होस्ट किया गया डेटाबेस (Supabase, Neon) सेटअप की परेशानी दूर करता है
- AI ने आपका स्कीमा बनाया और मेमरी-आधारित संग्रहण को वास्तविक स्थायी संग्रहण से बदला
- माइग्रेशन आपको स्कीमा सुरक्षित रूप से बदलने देते हैं
अगला चरण: उपयोगकर्ता खाते जोड़ें, ताकि हर फ्रीलांसर केवल अपना डेटा देख सके।
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 25
- पाठ
- 100
अक्सर पूछे जाने वाले प्रश्न
क्या “डेटाबेस जोड़ना” पाठ निःशुल्क है?
हाँ — वाइब कोडिंग अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “डेटाबेस जोड़ना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“डेटाबेस जोड़ना” में मैं क्या सीखूँगा?
वास्तविक डेटा सहेजें और लोड करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ वाइब कोडिंग का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या वाइब कोडिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर वाइब कोडिंग शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।
“डेटाबेस जोड़ना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस वाइब कोडिंग पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर वाइब कोडिंग पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- कृत्रिम बुद्धिमत्ता के साथ ऐप की योजना बनाना
- फ़्रंटएंड और बैकएंड साथ-साथ
- डेटाबेस जोड़ना
- उपयोगकर्ता खाते और लॉगिन