دستاویزاتجائزہ

دوسرے فریم ورک سے آرہا ہے۔

Nexy FastAPI کے علاوہ فائل پر مبنی روٹنگ، سرور کے ذریعے پیش کردہ صفحات اور اختیاری React، Vue، Svelte، Solid یا Preact جزیرے ہیں۔ یہ صفحہ نقشہ بناتا ہے جو آپ پہلے سے جانتے ہیں۔

نیچے دیئے گئے ہر فریم ورک کا اپنا ایک صفحہ بھی ہوتا ہے، ٹاسک کے لحاظ سے، اس کوڈ کے ساتھ جو آپ جانتے ہیں اور پھر Nexy کوڈ:

Python	بیک اینڈ	فل اسٹیک JavaScript
FastAPI	ایکسپریس، فاسٹیفائی	Next.js، Remix
Flask	ایلیسیا، ہونو	نکسٹ
Django	NestJS، اسپرنگ بوٹ	SvelteKit
	لارویل، روبی آن ریلز	Astro

سے FastAPI

FastAPI	نیکسی
`@app.get("/users")` ایک ماڈیول میں جسے آپ درآمد کرتے ہیں۔	`GET` فنکشن `src/routes/users.py` میں
`app.include_router(router)`	فائل کا راستہ URL ہے؛ رجسٹر کرنے کے لئے کچھ نہیں
راہ پرم `/users/{id}`	`src/routes/users/[id].py`
`Depends(...)`	اب بھی `Depends(...)`: ہینڈلر FastAPI ہینڈلر ہیں۔
Jinja2 `TemplateResponse`	اختتامی نقطہ کے ساتھ ایک `.nexy` صفحہ
کے ساتھ چلائیں `uvicorn main:app`	`nx dev`، پھر `nx build && nx start`

src/routes/*.py کے تحت ہر چیز عام ہے FastAPI: انحصار، Pydantic ماڈل، مڈل ویئر اور /docs کام کرتے رہتے ہیں۔

ایک ہی اختتامی نقطہ، پہلے اور بعد:

main.py

from fastapi import FastAPI app = FastAPI()  @app.get("/users/{id}")async def get_user(id: int):    return {"id": id}

src/routes/users/[id].py

async def GET(id: int):    return {"id": id}

FastAPI	نیکسی
`@app.get("/users")` ایک ماڈیول میں جو آپ درآمد کرتے ہیں۔	`async def get(self)` ایک `@Controller("/users")` کلاس میں
`app.include_router(router)`	ایک `@Module` کے `controllers` میں درج کنٹرولر
راہ پرم `/users/{id}`	`@Controller("/users/{id}")`، `async def get(self, id: int)` کے ساتھ
`Depends(...)`	اب بھی `Depends(...)`: ایک کنٹرولر طریقہ ایک FastAPI اختتامی نقطہ ہے۔
Jinja2 `TemplateResponse`	`useViews("src/apps/....nexy")`، طریقہ سے واپس آیا
کے ساتھ چلائیں `uvicorn main:app`	`nx dev`، پھر `nx build && nx start`

انحصار، Pydantic ماڈل، مڈل ویئر اور /docs کام کرتے رہتے ہیں۔

ایک ہی اختتامی نقطہ، پہلے اور بعد:

main.py

from fastapi import FastAPI app = FastAPI()  @app.get("/users/{id}")async def get_user(id: int):    return {"id": id}

src/apps/users/user_controller.py

from nexy.decorators import Controller  @Controller("/users/{id}")class UserController:    async def get(self, id: int):        return {"id": id}

سے Next.js

Next.js	نیکسی
`app/page.tsx`	`src/routes/index.tsx` یا `index.nexy`
`app/blog/[slug]/page.tsx`	`src/routes/blog/[slug].tsx`
`app/layout.tsx` (مالک `<html>`)	`src/routes/layout.tsx` سرور موڈ میں `useCSR = True` (React)، یا `src/routes/layout.nexy` کے ساتھ
گھریلو `layout.tsx`	کلائنٹ موڈ میں نیسٹڈ `layout.tsx` / `layout.vue` / `layout.svelte`، سرور موڈ میں نیسٹڈ `layout.nexy`
`use client` سرور کے صفحے میں اجزاء	سرور موڈ میں جزائر
روٹ ہینڈلر `route.ts`	`src/routes/api/x.py`، Python میں لکھا گیا
`(group)` فولڈرز	وہی: `(group)/`
سرور کے اعمال	`@Action` فنکشنز کو فارم سے بلایا جاتا ہے یا بطور ٹائپ کردہ کلائنٹ فنکشنز
`next dev` / `next build` / `next start`	`nx dev` / `nx build` / `nx start`

پسدید Python ہے، لہذا آپ کا API آپ کے ڈیٹا اور ایم ایل کام کے ساتھ کوڈ کا اشتراک کرتا ہے۔ کلائنٹ کے اجزاء پورے صفحہ React کے درخت کے بجائے جزیروں کی طرح ہائیڈریٹ ہوتے ہیں۔

ایک Next.js صفحہ تقریباً ویسا ہی آگے بڑھتا ہے جیسا کہ یہ ہے، اور اس کا "use client" جزو سرور صفحہ کا جزیرہ بن جاتا ہے:

src/routes/blog/[slug].tsx

import { useParams } from "@nexy/client"; export default function Post() {  const { slug } = useParams<{ slug: string }>();  return <h1>{slug}</h1>;}

src/routes/blog/[slug].nexy

---from "@/components/Comments.tsx" import Comments slug: prop[str]---<h1>{{ slug }}</h1><Comments post="{{ slug }}" directive="client:visible" />

Next.js	نیکسی
`app/page.tsx`	ایک کنٹرولر جو لوٹتا ہے `useViews("src/apps/home_view.nexy")`
`app/blog/[slug]/page.tsx`	`@Controller("/blog/{slug}")`، `async def get(self, slug: str)` کے ساتھ
`app/layout.tsx` (اپنے `<html>`]	ایک ترتیب کا نظارہ کنٹرولر اپنے نظارے کے گرد لپیٹتا ہے، `children`
`use client` سرور کے صفحے میں اجزاء	ایک منظر میں جزائر
روٹ ہینڈلر `route.ts`	ایک کنٹرولر جو ایک ڈکٹ واپس کرتا ہے، جس میں لکھا ہوا ہے Python
سرور کے اعمال	`@Action` فنکشنز کو فارم سے بلایا جاتا ہے یا بطور ٹائپ شدہ کلائنٹ فنکشنز
`next dev` / `next build` / `next start`	`nx dev` / `nx build` / `nx start`

ایک Next.js صفحہ ایک کنٹرولر اور اس کا نظارہ بن جاتا ہے، اور اس کا "use client" جزو منظر کا جزیرہ بن جاتا ہے:

src/apps/blog/post_controller.py

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

src/apps/blog/post_view.nexy

---from "@/components/Comments.tsx" import Comments slug: prop[str]---<h1>{{ slug }}</h1><Comments post="{{ slug }}" directive="client:visible" />

ایکسپریس یا نوڈ بیک اینڈ سے

ایکسپریس	نیکسی
`app.get("/users/:id", handler)`	`src/routes/users/[id].py` کے ساتھ `async def GET(id)`
`app.use(middleware)`	FastAPI مڈل ویئر، `nexyconfig.py` سے رجسٹرڈ
`res.json(obj)`	ایک ڈکٹ یا Pydantic ماڈل واپس کریں۔
ای جے ایس / پگ ویوز	`.nexy` (Jinja2) صفحات
`npm run dev`	`nx dev`

app.use(...) nexyconfig.py کا فیلڈ بن جاتا ہے، اور res.json(...) واپسی کی قدر بن جاتا ہے:

nexyconfig.py

from nexy.core.models import NexyConfigModel  class NexyConfig(NexyConfigModel):    useCORS = {"allow_origins": ["https://example.com"]}    useGZip = {"minimum_size": 1000}

src/routes/users/[id].py

async def GET(id: int):    return {"id": id, "name": "Ada"}  # res.json({ id, name })

ایکسپریس	نیکسی
`app.get("/users/:id", handler)`	`@Controller("/users/{id}")`، `async def get(self, id: int)` کے ساتھ
`app.use(middleware)`	FastAPI مڈل ویئر، `nexyconfig.py` سے رجسٹرڈ
`res.json(obj)`	ایک ڈکٹ یا Pydantic ماڈل واپس کریں۔
ای جے ایس / پگ ویوز	`.nexy` (Jinja2) آراء، `useViews` کے ذریعہ واپس
`npm run dev`	`nx dev`

app.use(...) nexyconfig.py کا فیلڈ بن جاتا ہے، اور res.json(...) واپسی کی قدر بن جاتا ہے:

nexyconfig.py

from nexy.core.models import NexyConfigModel  class NexyConfig(NexyConfigModel):    useCORS = {"allow_origins": ["https://example.com"]}    useGZip = {"minimum_size": 1000}

src/apps/users/user_controller.py

from nexy.decorators import Controller  @Controller("/users/{id}")class UserController:    async def get(self, id: int):        return {"id": id, "name": "Ada"}  # res.json({ id, name })

راؤٹر کا انتخاب

استعمال کریں۔	جب
فائل پر مبنی روٹر	فائلوں سے میپ کیے گئے صفحات اور اختتامی پوائنٹس؛ پہلے سے طے شدہ
ماڈیولر راؤٹر	کنٹرولرز، ماڈیولز اور انحصار انجیکشن، NestJS طرز

ماڈیولر روٹر دو فائلوں میں: ایک کنٹرولر، اور ماڈیول nexyconfig.py پوائنٹس useRouter = AppModule کے ساتھ:

src/apps/app_controller.py

from nexy.decorators import Controller  @Controller()class AppController:    async def get(self):        return {"message": "Hello"}

src/apps/app_module.py

from nexy.decorators import Modulefrom .app_controller import AppController  @Module()class AppModule:    controllers = [AppController]

دونوں کو nx new کے ذریعے ڈھانپ دیا گیا ہے اور ایک ہی آخر سے آخر تک ٹیسٹ کے ذریعے احاطہ کیا گیا ہے۔ دیکھیں روٹنگ اور ماڈیولر روٹنگ۔

جہاں اگلا

فوری آغاز: ایک پروجیکٹ بنائیں اور اسے چلائیں۔
پروجیکٹ کا ڈھانچہ: جہاں ہر فائل کا تعلق ہے۔
روٹنگ : راؤٹر کا انتخاب کریں۔

GitHub پر ترمیم کریں