ডকুমেন্টেশননির্মাণ এবং পরীক্ষা
ফ্রন্টেন্ড
Nexy ক্লায়েন্টের জন্য নিজস্ব কম্পোনেন্ট সিস্টেম পাঠায় না। এটি তৈরি করে Vite: React, Vue, Svelte, Solid এবং Preact সবই সমর্থিত, এবং ভ্যানিলা পৃষ্ঠাগুলি কোনও ক্লায়েন্ট ফ্রেমওয়ার্ক ছাড়াই কাজ করে।
একটি ফ্রেমওয়ার্ক সক্ষম করুন
from nexy.core.models import NexyConfigModelfrom nexy.frontend import react class NexyConfig(NexyConfigModel): useFF = react() # vue(), svelte(), solid(), preact()useVite ডিফল্ট True; একটি ফ্রেমওয়ার্ক কনফিগার করা হলে এটি চালু রাখুন।
রুট ফাইল
| এক্সটেনশন | রেন্ডার করা হয়েছে |
|---|---|
.nexy, .md |
অনুরোধের সময় Nexy দ্বারা |
.mdx, .tsx, .jsx, .vue, .svelte |
ক্লায়েন্ট ফ্রেমওয়ার্ক দ্বারা; বিল্ড টাইমে HTML এ প্রি-রেন্ডার করা হয়, তারপর ক্লায়েন্ট বান্ডেল দ্বারা নেওয়া হয় |
একটি ফ্রেমওয়ার্ক রুট একটি সাধারণ পৃষ্ঠা, একটি ক্লায়েন্ট-অনলি দ্বীপ নয়: বান্ডেল চলার আগে HTML বিদ্যমান থাকে, তাই প্রথম পেইন্টটি JavaScript এর জন্য অপেক্ষা করে না।
প্রতি-ফ্রেমওয়ার্ক সেটআপ: React, Vue, Svelte, Solid, Preact।
উন্নয়ন
nx dev একটি পোর্টে একটি সার্ভার শুরু করে:
- অ্যাপটি আপনার পরিবর্তন করা রুট, সার্ভার এবং ক্লায়েন্টকে পুনরায় কম্পাইল করে;
- Vite একটি অভ্যন্তরীণ পোর্টে চলে এবং ফ্রেমওয়ার্ক মডিউল পরিবেশন করে;
- Nexy proxies Vite এর নিজস্ব উৎপত্তির মাধ্যমে শেষ বিন্দু।
ব্রাউজার শুধুমাত্র পোর্টের সাথে কথা বলে 3000। খোলার জন্য কোন দ্বিতীয় URL নেই এবং কনফিগার করার জন্য কোন CORS নেই৷
নির্মাণ করুন
nx build উত্পাদন করে:
- ফ্রেমওয়ার্ক রুটের জন্য প্রি-রেন্ডার করা HTML;
- ক্লায়েন্ট বান্ডিল,
__nexy__/client/এর অধীনে সম্পদ সহ; - সংকলিত Python রুট।
Vite ক্লায়েন্ট বান্ডিল তৈরি করে; প্রতিটি কম্পোনেন্ট পেজের সার্ভার এইচটিএমএল বিল্ড টাইমে লেখা হয়।
স্টাইলিং
nexy new একটি স্টাইল মোডের জন্য জিজ্ঞাসা করে এবং আপনার বেছে নেওয়া ক্লায়েন্ট ফ্রেমওয়ার্কের জন্য এটি সেট আপ করে: Tailwind, UnoCSS বা প্লেইন CSS। ডিজাইন টোকেন (রঙ, ফন্ট, ডার্ক থিম) হল src/globale.css এর CSS ভেরিয়েবল, স্ক্যাফোল্ড যে ফাইলটি তৈরি করে।
| মোড | স্টার্টার পেজ দিয়ে লেখা হয় |
|---|---|
| Tailwind, UnoCSS | মার্কআপে ইউটিলিটি ক্লাস, ক্লাসের নামে ম্যাপ করা টোকেন সহ |
| প্লেইন সিএসএস | শব্দার্থিক শ্রেণীর নাম এবং src/globale.css এ CSS |
আপনি একটি পৃষ্ঠা যোগ করার সময় আপনার প্রকল্পের মোড অনুসরণ করুন: একটি ইউটিলিটি প্রকল্পে ইউটিলিটি ক্লাস, একটি প্লেইন-সিএসএসে সিএসএস। কম্পোনেন্ট সিএসএস রাখুন যা ইউটিলিটিগুলি কম্পোনেন্টের <style> ব্লকে প্রকাশ করতে পারে না। একটি সার্ভার প্রকল্পে (.nexy পৃষ্ঠাগুলি) UnoCSS ক্লাসের জন্য .nexy ফাইলগুলি পড়ে; Tailwind সেগুলি নিজে থেকেই খুঁজে পায়।
হরফ, ছবি, স্ক্রিপ্ট
স্ট্যাটিক ফাইলগুলিকে public/-এ রাখুন - সেগুলি বিকাশ এবং উত্পাদন উভয় ক্ষেত্রেই / থেকে পরিবেশিত হয়।
পরবর্তী পদক্ষেপ
- ভিউ : একটি পৃষ্ঠা বিন্যাস নির্বাচন করুন
- কনফিগারেশন:
useFF,useVite, উপনাম - স্থাপন : বিল্ড কি উত্পাদন করে