SSR (সার্ভার রেন্ডারিং)

একটি Markdown পৃষ্ঠা এবং একটি হ্যান্ডলার, একই প্রকল্পে পাশাপাশি:

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

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

একটি উপাদান রুট হল একটি ক্ষেত্রে যার একটি দ্বিতীয় বাক্য প্রয়োজন। উৎপাদনে, একটি কম্পোনেন্ট রুট ব্যতীত একটি লেআউট বিল্ড করার সময় উত্পাদিত এইচটিএমএল দিয়ে পরিবেশন করা হয় এবং কম্পোনেন্ট এটিকে হাইড্রেট করে। একটি বিন্যাস সহ, বা বিকাশে, ধারকটি খালি থাকে এবং উপাদানটি ব্রাউজারে রেন্ডার হয় - পৃষ্ঠাটি তখন একটি শেল যা নিজেকে পূরণ করে।

টেবিলের কম্পোনেন্ট রুট, লেআউট ছাড়াই, তাই প্রোডাকশন বিল্ড থেকে তার 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. অনুরোধটি ফাইল-ভিত্তিক রাউটারে পৌঁছায়। পাথ মিলে গেছে, এবং গতিশীল সেগমেন্টগুলি কম্পোনেন্ট যে ধরনের ঘোষণা করে তাতে কাস্ট করা হয়।

   ---id: prop[int]---<h1>অর্ডার #{{ আইডি + 1000 }</h1>

   /orders/42 রেন্ডার Order #1042; /orders/abc উত্তর 404।

2. কম্পোনেন্ট চলে। যেটি নোডে অপেক্ষা করে - একটি ক্লায়েন্ট নথি - একটি থ্রেড পুলে চলে, তাই এটি ইভেন্ট লুপকে আটকায় না।

3. দেহটি text/html হিসাবে প্রবাহিত হয়। একটি উপাদান যে খণ্ড ফলন তাদের স্ট্রিম হিসাবে এটি তাদের তৈরি.

4. ব্রাউজারটি HTML গ্রহণ করে। দ্বীপগুলি তাদের নির্দেশ অনুসারে হাইড্রেট করে।

রেন্ডারিংয়ের সময় উত্থাপিত একটি ত্রুটি errors.nexy দ্বারা একটি পৃষ্ঠায় পরিণত হয় যখন প্রকল্পের একটি থাকে: ত্রুটির পৃষ্ঠাগুলি দেখুন।

1. অনুরোধটি নিয়ন্ত্রকের কাছে পৌঁছায়। এর পাথ প্যারামিটারগুলি পদ্ধতিটি ঘোষণা করা প্রকারগুলিতে নিক্ষেপ করা হয় এবং ভিউতে প্রেরণ করা হয়:

   থেকে nexy.decorators আমদানি কন্ট্রোলার
   nexy.hooks থেকে useViews আমদানি করুন
   
   
   @কন্ট্রোলার("/orders/{id}")
   ক্লাস অর্ডার কন্ট্রোলার:
       async def get(self, id: int):
           ইউজ ভিউ ("src/apps/order_view.nexy", প্রসঙ্গ={"id": id}) ফেরত দিন
   

   ---id: prop[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 দিয়ে পড়ুন।

• ISR: প্রতি ইউআরএলে এই পৃষ্ঠাটি ক্যাশে করুন

• CSR: ব্রাউজারে হ্যান্ড নেভিগেশন