ডকুমেন্টেশনমডেল বুঝুন

ভিউ

একটি ফাইল বিন্যাস নির্বাচন করার আগে, Nexy কীভাবে সংস্থানগুলি পরিচালনা করে এবং কীভাবে সেগুলিকে রেন্ডার করে তার মধ্যে পার্থক্য করা গুরুত্বপূর্ণ৷

মেয়াদ সংজ্ঞা
পৃষ্ঠা অ্যাপ্লিকেশনটির একটি URL-ঠিকানাযোগ্য সংস্থান৷ এটি src/routes/ এর অধীনে একটি ফাইল দ্বারা সংজ্ঞায়িত করা হয়।
দেখুন একটি পৃষ্ঠার জন্য প্রতিক্রিয়া বডি তৈরি করার প্রক্রিয়া। একটি ভিউ যুক্তি ও ডেটাকে HTML বা JSON-এ রূপান্তরিত করে।
উপাদান একটি দৃশ্য রচনা করতে ব্যবহৃত একটি পুনঃব্যবহারযোগ্য UI বিল্ডিং ব্লক৷ উপাদানগুলি নেটিভ নেক্সি হেল্পার বা ফ্রেমওয়ার্ক-নির্দিষ্ট (React, Vue, ইত্যাদি) হতে পারে।
রুট হ্যান্ডলার একটি Python ফাংশন যা একটি নির্দিষ্ট পদ্ধতির জন্য একটি HTTP অনুরোধ পরিচালনা করে (যেমন, GET, POST)।
শেষ বিন্দু একটি URL এবং একটি HTTP পদ্ধতির অনন্য সমন্বয় যা একজন রুট হ্যান্ডলার উত্তর দেয়।

নিশ্চিত নন? একটি .nexy লিখুন ফাইল এটির কোন ক্লায়েন্ট ফ্রেমওয়ার্কের প্রয়োজন নেই এবং আপনি একটি React, Vue, Svelte, Solid বা Preact কম্পোনেন্ট যোগ করতে পারেন পরে, একটি দ্বীপ হিসাবে।

কোন পৃষ্ঠার জন্য কোন ফাইল
server logic + HTML.nexy(Python frontmatter + Jinja2)
prose that changes rarely.md(GitHub-flavoured Markdown)
prose + components.mdx(React or Preact)
app-like page, client router.tsx .vue .svelte(framework files)
API handler.py(GET, POST, …)

বিন্যাস

বিন্যাস ফাইল সার্ভার রেন্ডার ক্লায়েন্ট ফ্রেমওয়ার্ক নোট
.nexy .nexy ফাইল Jinja2 + Python যুক্তি, প্রবাহিত ঐচ্ছিক নেটিভ নেক্সি পেজ ফরম্যাট
.md Markdown এবং MDX অনুরোধের সময় Markdown লেআউটের মাধ্যমে ঐচ্ছিক বিশুদ্ধ Markdown, GFM, বিন্যাস-মোড়ানো
.mdx Markdown এবং MDX ফ্রেমওয়ার্ক এসএসআর React বা Preact Markdown উপাদান সহ
.tsx React, Solid বা Preact ক্লায়েন্ট মোড: ফ্রেমওয়ার্ক, নোডে রেন্ডার করা হয়েছে React, Solid বা Preact উপাদান রুট
.vue Vue ক্লায়েন্ট মোড: ফ্রেমওয়ার্ক, নোডে রেন্ডার করা হয়েছে Vue SFC রুট
.svelte Svelte ক্লায়েন্ট মোড: ফ্রেমওয়ার্ক, নোডে রেন্ডার করা হয়েছে Svelte SFC রুট

অন্তর্নির্মিত Image, Link, Audio, Video এবং Import সাহায্যকারী: উপাদানগুলি।

মিশ্রণ বিন্যাস

আপনি একই প্রকল্পের মধ্যে বিভিন্ন প্রযুক্তি মিশ্রিত করতে পারেন:

  • দ্বীপপুঞ্জ: আপনি একটি .nexy পৃষ্ঠার ভিতরে একটি React বা Vue উপাদান আমদানি করতে পারেন। সার্ভার শেল রেন্ডার করে এবং ফ্রেমওয়ার্ক ক্লায়েন্টের উপাদানটিকে হাইড্রেট করে।
  • শেয়ার্ড লজিক: .py ফাইলের রুট হ্যান্ডলাররা শেয়ার্ড অ্যাপ্লিকেশন স্টেট বা API কলের মাধ্যমে যেকোনো ফর্ম্যাটে পৃষ্ঠাগুলিতে ডেটা সরবরাহ করতে পারে।

একটি ফ্রেমওয়ার্ক সক্ষম করুন

নির্ভরতা যোগ করতে nexyconfig.py-এ useFF সেট করুন এবং nexy new চালান:

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

একটি ফ্রেমওয়ার্ক সক্ষম করে, Vite তার ক্লায়েন্ট বান্ডিলগুলি পরিচালনা করে। ক্লায়েন্ট মোডে এর এক্সটেনশন রুট হয়ে যায়; সার্ভার মোডে একই ফাইলগুলি আপনি দ্বীপ হিসাবে আমদানি করা উপাদান - src/routes/ এর অধীনে একটি ফ্রেমওয়ার্ক ফাইল সেখানে প্রত্যাখ্যান করা হয়। সার্ভার মোড এবং ক্লায়েন্ট মোড দেখুন।

বিন্যাস

একটি ডিরেক্টরিতে একটি layout.* এটির নীচে পৃষ্ঠাগুলি মোড়ানো হয়। লেআউট দেখুন।

পরবর্তী পদক্ষেপ

GitHub-এ সম্পাদনা করুন

Enter ফলাফল খোলে, Esc বন্ধ করে।