Sveltejs Academy · पाठ

+page.svelte के साथ फाइल-आधारित रूटिंग

src/routes के अंतर्गत फाइल पथों को URL पथों से स्वतः मैप करें।

पाठ 1, कुल 4 में से13 चरण

+page.svelte के साथ फाइल-आधारित रूटिंग, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

फ़ाइल = मार्ग

SvelteKit, src/routes के अंदर के फ़ोल्डरों को URL मार्गों से जोड़ता है। +page.svelte फ़ाइल एक मार्ग परिभाषित करती है।

मूल पृष्ठ

src/routes/+page.svelte, / पर रेंडर होता है।

परिचय पृष्ठ

src/routes/about/+page.svelte, /about पर रेंडर होता है।

नेस्ट किए गए मार्ग

फ़ोल्डर एक-दूसरे के अंदर रखे जा सकते हैं। src/routes/blog/posts/+page.svelte, /blog/posts पर रेंडर होता है।

पृष्ठ कंपोनेंट

यह फ़ाइल एक सामान्य Svelte कंपोनेंट है। सीखी गई कोई भी सुविधा उपयोग करें।

<!-- +page.svelte -->
<h1>About Us</h1>
<p>Welcome to our site.</p>

रूटिंग परंपरा

+ से शुरू होने वाले फ़ाइल नामों का SvelteKit में विशेष अर्थ होता है। जैसे +page, +layout, +server आदि।

आयात की आवश्यकता नहीं

आपको मार्गों को मैन्युअल रूप से पंजीकृत नहीं करना पड़ता। फ़ाइल सिस्टम ही राउटर है।

प्रोग्राम के माध्यम से नेविगेशन

कोड में नेविगेट करने के लिए $app/navigation से goto का उपयोग करें।

import { goto } from "$app/navigation";
goto("/about");

लिंक कंपोनेंट

साधारण <a href> टैग का उपयोग करें; SvelteKit क्लाइंट-साइड नेविगेशन के लिए उन्हें रोक लेता है।

पहले से डेटा लाना

होवर करने पर डेटा पहले से लाने के लिए किसी लिंक पर data-sveltekit-preload-data का उपयोग करें।

404 पृष्ठ

न मिलने वाले पृष्ठ को कस्टमाइज़ करने के लिए src/routes/+error.svelte बनाएँ।

त्वरित जाँच

आप /products मार्ग कहाँ बनाएँगे?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावृत्ति

फ़ाइल सिस्टम मार्गों को परिभाषित करता है। src/routes के अंदर किसी भी फ़ोल्डर में मौजूद +page.svelte एक मार्ग बन जाता है।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 41
पाठ: 163

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “+page.svelte के साथ फाइल-आधारित रूटिंग” पाठ निःशुल्क है?

हाँ—“+page.svelte के साथ फाइल-आधारित रूटिंग” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“+page.svelte के साथ फाइल-आधारित रूटिंग” में मैं क्या सीखूँगा?

src/routes के अंतर्गत फाइल पथों को URL पथों से स्वतः मैप करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।

“+page.svelte के साथ फाइल-आधारित रूटिंग” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Sveltejs Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Sveltejs Academy पर वापस जाएँ