एसएसआर (सर्वर रेंडरिंग)

एक Markdown पेज और एक हैंडलर, एक ही प्रोजेक्ट में साथ-साथ:

# Changelog Rendered to HTML on every request, then wrapped in the nearest layout.

async def GET():    return {"status": "ok"}

घटक मार्ग वह मामला है जिसके लिए दूसरे वाक्य की आवश्यकता होती है। उत्पादन में, एक घटक मार्ग बिना एक लेआउट को निर्माण के समय उत्पादित HTML के साथ परोसा जाता है, और घटक इसे हाइड्रेट करता है। किसी लेआउट के साथ, या विकास में, कंटेनर खाली होता है और घटक ब्राउज़र में प्रस्तुत होता है - पृष्ठ तब एक शेल होता है जो स्वयं भर जाता है।

तालिका का घटक मार्ग, बिना किसी लेआउट के, इसलिए उत्पादन बिल्ड से अपना HTML प्रस्तुत करता है:

export default function Pricing() {  return <h1>Pricing</h1>;}

एक दृश्य और एक JSON समापन बिंदु, एक ही मॉड्यूल में साथ-साथ:

<h1>Changelog</h1><p>Rendered to HTML on every request.</p>

from nexy.decorators import Controllerfrom nexy.hooks import useViews  @Controller("/changelog")class ChangelogController:    async def get(self):        return useViews("src/apps/changelog_view.nexy")  @Controller("/api/health")class HealthController:    async def get(self):        return {"status": "ok"}

1. अनुरोध फ़ाइल-आधारित राउटर तक पहुंचता है। पथ का मिलान किया जाता है, और गतिशील खंडों को घटक द्वारा घोषित प्रकारों के अनुसार डाला जाता है।

   ---आईडी: प्रोप[int]---<h1>आदेश #{{आईडी + 1000 }}</h1>

   /orders/42 प्रस्तुत करता है Order #1042; /orders/abc उत्तर 404।

2. घटक चलता है. जो नोड पर प्रतीक्षा करता है - एक क्लाइंट दस्तावेज़ - थ्रेड पूल में चलता है, इसलिए यह इवेंट लूप को रोकता नहीं है।

3. शरीर को text/html के रूप में प्रवाहित किया जाता है। एक घटक जो टुकड़े उत्पन्न करता है, उन्हें उसी प्रकार प्रवाहित करता है जैसे वह उन्हें बनाता है।

4. ब्राउज़र HTML प्राप्त करता है. द्वीप उनके निर्देश के अनुसार हाइड्रेट करते हैं।

रेंडरिंग के दौरान उत्पन्न हुई त्रुटि को errors.nexy द्वारा एक पृष्ठ में बदल दिया जाता है, जब प्रोजेक्ट में एक त्रुटि होती है: त्रुटि पृष्ठ देखें।

1. अनुरोध नियंत्रक तक पहुंचता है। इसके पथ पैरामीटर विधि द्वारा घोषित प्रकार के अनुसार डाले जाते हैं, और दृश्य में पास किए जाते हैं:

   नेक्सी.डेकोरेटर्स से नियंत्रक आयात करें
   nexy.hooks से उपयोग दृश्य आयात करें
   
   
   @नियंत्रक("/आदेश/{id}")
   क्लास ऑर्डरकंट्रोलर:
       async def प्राप्त करें (स्वयं, आईडी: int):
           वापसी उपयोग दृश्य("src/apps/order_view.nexy", context={"id": id})
   

   ---आईडी: प्रोप[int]---<h1>आदेश #{{आईडी + 1000 }}</h1>

   /orders/42/ प्रस्तुत करता है Order #1042; /orders/abc/ उत्तर 404।

2. दृश्य चलता है, और useViews प्रतिक्रिया के रूप में अपना HTML लौटाता है।

3. ब्राउज़र HTML प्राप्त करता है. द्वीप उनके निर्देश के अनुसार हाइड्रेट करते हैं।

रेंडरिंग के दौरान हुई त्रुटि का उत्तर डिफ़ॉल्ट त्रुटि पृष्ठ से दिया जाता है।

कोई नहीं. दो रास्ते, और उनके पास एक जैसा अनाज नहीं है:

nexyconfig.py में प्रोजेक्ट-व्यापी स्विच। क्लाइंट मोड को क्लाइंट फ़्रेमवर्क की आवश्यकता होती है:

from nexy.core.models import NexyConfigModelfrom nexy.frontend import react  class NexyConfig(NexyConfigModel):    useFF = react()    useCSR = True

कोई नहीं. प्रत्येक अनुरोध पर नियंत्रक द्वारा दिए गए प्रत्येक दृश्य को प्रस्तुत किया जाता है: ISR और CSR फ़ाइल-आधारित राउटर के मोड हैं।

---slug: prop[str] = "untitled"---<h1>{{ slug }}</h1>

GET /blog/hello इस टेम्पलेट को एक बार चलाता है, slug को hello पर सेट करके। दूसरा अनुरोध इसे फिर से चलाता है: दोनों के बीच कुछ भी नहीं रखा जाता है। क्वेरी स्ट्रिंग एक प्रोप नहीं है - इसे नेविगेशन में हुक के साथ पढ़ें।

from nexy.decorators import Controllerfrom nexy.hooks import useViews  @Controller("/blog/{slug}")class PostController:    async def get(self, slug: str):        return useViews("src/apps/post_view.nexy", context={"slug": slug})

---slug: prop[str] = "untitled"---<h1>{{ slug }}</h1>

GET /blog/hello/ इस दृश्य को एक बार चलाता है, slug को hello पर सेट करके। दूसरा अनुरोध इसे फिर से चलाता है: दोनों के बीच कुछ भी नहीं रखा जाता है। क्वेरी स्ट्रिंग एक प्रोप नहीं है - इसे useSearchParams के साथ पढ़ें।

• आईएसआर: इस पेज को प्रति यूआरएल कैश करें

• सीएसआर: ब्राउज़र पर हाथ से नेविगेशन