Skip to content

Commit 85e1bdd

Browse files
A-NajmabadiA-Najmabadi
committed
add one-click-apps/[directus, affine] docs
1 parent 12a1a18 commit 85e1bdd

File tree

6 files changed

+361
-0
lines changed

6 files changed

+361
-0
lines changed

‎src/components/Sidebar/data.js‎

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4045,6 +4045,16 @@ export default {
40454045
icon: <IconContainer alt="https://one-click-apps.storage.iran.liara.space/supertoken/favicon.png" />,
40464046
link: "/one-click-apps/supertokens/quick-start"
40474047
},
4048+
{
4049+
title: "Directus",
4050+
icon: <IconContainer alt="https://one-click-apps.storage.iran.liara.space/directus/directus-colorful-logo.png" />,
4051+
link: "/one-click-apps/directus/quick-start"
4052+
},
4053+
{
4054+
title: "Affine",
4055+
icon: <IconContainer alt="https://one-click-apps.storage.iran.liara.space/affine/affine-light-logo.png" />,
4056+
link: "/one-click-apps/affine/quick-start"
4057+
},
40484058
],
40494059
'liara-compose': [
40504060
{
@@ -5376,6 +5386,76 @@ export default {
53765386
link: "/one-click-apps/supertokens/how-tos/choose-version"
53775387
},
53785388
],
5389+
directus: [
5390+
{
5391+
badge: (
5392+
<div className="flex items-center gap-2">
5393+
<IconContainer alt="https://one-click-apps.storage.iran.liara.space/directus/directus-colorful-logo.png" />
5394+
برنامه Directus
5395+
</div>
5396+
)
5397+
},
5398+
{
5399+
title: "برگشت به برنامه‌های آماده",
5400+
icon: <GoArrowRight />,
5401+
link: "/one-click-apps/about"
5402+
},
5403+
{
5404+
title: "راه‌اندازی سریع!",
5405+
icon: <GoZap />,
5406+
link: "/one-click-apps/directus/quick-start"
5407+
},
5408+
{
5409+
hr: true
5410+
},
5411+
{
5412+
badge: (
5413+
<div className="flex items-center gap-2">
5414+
< GoPackage />
5415+
شیوه‌ی
5416+
</div>
5417+
)
5418+
},
5419+
{
5420+
title: "تغییر نسخه‌ی برنامه مستقر شده",
5421+
link: "/one-click-apps/directus/how-tos/choose-version"
5422+
},
5423+
],
5424+
affine: [
5425+
{
5426+
badge: (
5427+
<div className="flex items-center gap-2">
5428+
<IconContainer alt="https://one-click-apps.storage.iran.liara.space/affine/affine-light-logo.png" />
5429+
برنامه Affine
5430+
</div>
5431+
)
5432+
},
5433+
{
5434+
title: "برگشت به برنامه‌های آماده",
5435+
icon: <GoArrowRight />,
5436+
link: "/one-click-apps/about"
5437+
},
5438+
{
5439+
title: "راه‌اندازی سریع!",
5440+
icon: <GoZap />,
5441+
link: "/one-click-apps/affine/quick-start"
5442+
},
5443+
{
5444+
hr: true
5445+
},
5446+
{
5447+
badge: (
5448+
<div className="flex items-center gap-2">
5449+
< GoPackage />
5450+
شیوه‌ی
5451+
</div>
5452+
)
5453+
},
5454+
{
5455+
title: "تغییر نسخه‌ی برنامه مستقر شده",
5456+
link: "/one-click-apps/affine/how-tos/choose-version"
5457+
},
5458+
],
53795459

53805460

53815461

‎src/pages/one-click-apps/about.mdx‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -216,6 +216,16 @@ import Head from "next/head";
216216
alt:"https://one-click-apps.storage.iran.liara.space/supertoken/favicon.png",
217217
link: "/one-click-apps/supertokens/quick-start"
218218
},
219+
{
220+
title: "Directus",
221+
alt:"https://one-click-apps.storage.iran.liara.space/directus/directus-colorful-logo.png",
222+
link: "/one-click-apps/directus/quick-start"
223+
},
224+
{
225+
title: "Affine",
226+
alt:"https://one-click-apps.storage.iran.liara.space/affine/affine-light-logo.png",
227+
link: "/one-click-apps/affine/quick-start"
228+
},
219229
].map(item =>
220230
<Link href={item.link}>
221231
<Card className="flex cursor-pointer w-full items-center justify-between">

‎src/pages/one-click-apps/affine/how-tos/choose-version.mdx‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
import Layout from "@/components/Layout";
2+
import Button from "@/components/Common/button";
3+
import Section from "@/components/Common/section";
4+
import Alert from "@/components/Common/alert";
5+
import Tabs from "@/components/Common/tab";
6+
import Step from "@/components/Common/step";
7+
import Card from "@/components/Common/card";
8+
import Important from "@/components/Common/important";
9+
import Highlight from "@/components/Common/highlight";
10+
import Link from "next/link";
11+
import {GoArrowLeft} from "react-icons/go";
12+
13+
import Head from "next/head";
14+
15+
<Layout>
16+
<Head>
17+
<title>مستندات تغییر نسخه Affine - لیارا</title>
18+
</Head>
19+
20+
# تغییر نسخه‌ی برنامه مستقر شده
21+
<hr className="mb-2" />
22+
23+
اگر که قصد دارید نسخه برنامه خود را بنا به هر دلیلی تغییر دهید؛ کافیست تا پس از <a href="../../quick-start" className="text-[#2196f3] ">ساخت برنامه در لیارا</a>، در Local یک دایرکتوری با نام دلخواه ایجاد کنید.
24+
وارد دایرکتوری شده و درون این دایرکتوری، یک فایل به نام <Important>liara.json</Important>، ایجاد کنید. سپس کافیست تا قطعه کد زیر را درون آن، قرار دهید:
25+
26+
<div className="h-4" />
27+
<div dir='ltr'>
28+
<Highlight className="json">
29+
{`{
30+
"image": "affine-graphql:<your-version>",
31+
"port": 3010,
32+
"app": "<your-app-name>",
33+
"args": [
34+
"sh",
35+
"-c",
36+
"node ./scripts/self-host-predeploy && node ./dist/index.js"
37+
],
38+
"disks": [
39+
{
40+
"name": "config",
41+
"mountTo": "/root/.affine/config"
42+
},
43+
{
44+
"name": "storage",
45+
"mountTo": "/root/.affine/storage"
46+
}
47+
]
48+
}`}
49+
</Highlight>
50+
</div>
51+
<div className="h-2" />
52+
53+
در قطعه کد فوق، بایستی به جای عبارت <Important>\<your-version\></Important>
54+
ورژن موردنظر برنامه‌تان را وارد کنید.
55+
همچنین باید به جای عبارت
56+
<Important>\<your-app-name\></Important> نیز،
57+
شناسه برنامه خود را قرار دهید.
58+
<div className="h-2" />
59+
60+
در نهایت کافیست با استفاده از ابزار <a href="/references/cli/about" className="text-[#2196f3] "><Important>Liara CLI</Important></a> و در جایی که فایل <Important>liara.json</Important> قرار دارد، دستور زیر را اجرا کنید تا برنامه‌تان در لیارا، مستقر شود:
61+
62+
<div className="h-4" />
63+
<div dir='ltr'>
64+
<Highlight className="json">
65+
{`liara deploy`}
66+
</Highlight>
67+
</div>
68+
<div className="h-2" />
69+
70+
</Layout>

‎src/pages/one-click-apps/affine/quick-start.mdx‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
import Layout from "@/components/Layout";
2+
import Button from "@/components/Common/button";
3+
import Section from "@/components/Common/section";
4+
import Alert from "@/components/Common/alert";
5+
import Tabs from "@/components/Common/tab";
6+
import Step from "@/components/Common/step";
7+
import Card from "@/components/Common/card";
8+
import Important from "@/components/Common/important";
9+
import Highlight from "@/components/Common/highlight";
10+
import Link from "next/link";
11+
import {GoArrowLeft} from "react-icons/go";
12+
13+
import Head from "next/head";
14+
15+
<Layout>
16+
<Head>
17+
<title>مستندات راه‌اندازی سریع برنامه‌های Affine - لیارا</title>
18+
</Head>
19+
20+
# راه‌اندازی سریع برنامه‌های Affine
21+
<hr className="mb-2" />
22+
23+
<a href="https://affine.pro/" className="text-[#2196f3] ">AFFiNE</a> یک پلتفرم متن‌باز و همه‌کاره برای مدیریت دانش است که قابلیت‌های مختلفی مانند وایت‌بورد، مدیریت اسناد، Kanban و پایگاه داده را در یک محیط یکپارچه فراهم می‌کند. این ابزار به کاربران امکان می‌دهد تا به‌صورت محلی و بدون نیاز به اتصال دائم به اینترنت، داده‌های خود را مدیریت کرده و همزمان با دیگران به‌صورت بلادرنگ همکاری کنند. AFFiNE برای کاربرانی طراحی شده که به امنیت داده‌ها و کنترل کامل بر روی ابزارهای کاری خود اهمیت می‌دهند.
24+
25+
<div className="h-4" />
26+
27+
برای راه‌اندازی برنامه آماده مدنظر خود در لیارا، باید وارد صفحه <a href="https://console.liara.ir/one-click-apps" className="text-[#2196f3] ">برنامه‌های آماده</a> شوید؛ سپس برنامه‌ی <b>Affine</b>
28+
را انتخاب کنید و در صورت تمایل یک شناسه برای آن قرار دهید (در غیر این‌صورت، لیارا به صورت پیش‌فرض یک شناسه برای برنامه‌تان انتخاب می‌کند)؛ سپس بر روی گزینه **نصب سریع** یا **نصب پیشرفته** کلیک کنید تا برنامه‌تان ساخته شود.
29+
30+
{/* <div className="h-4" />
31+
<video
32+
src="https://files.liara.ir/liara/docs/Affine.mp4"
33+
controls="controls"
34+
className="block w-full"
35+
width="100%"
36+
/>
37+
<div className="h-4" /> */}
38+
39+
پس از ساخته شدن برنامه، می‌توانید در صفحه <a href="https://console.liara.ir/apps" className="text-[#2196f3] ">پلتفرم</a>، برنامه خود را بررسی کنید. برای نصب دلخواه و انتخاب نسخه مدنظرتان یا انتخاب dockerimage ، باید از گزینه **نصب پیشرفته** یا <a href="/one-click-apps/liara-compose/about/" className="text-[#2196f3]">Liara Compose</a> استفاده کنید.
40+
41+
<Section id="see-also" title="همچنین بخوانید:" />
42+
43+
<div className='h-2' />
44+
<div className="grid md:grid-cols-1 gap-4">
45+
{[
46+
{
47+
title: "تغییر نسخه‌ی برنامه مستقر شده",
48+
link: "./how-tos/choose-version"
49+
},
50+
].map(item =>
51+
<Link href={item.link}>
52+
<Card className="flex cursor-pointer w-full items-center justify-between">
53+
<div className="flex items-center gap-3">
54+
<h4>
55+
{item.title}
56+
</h4>
57+
</div>
58+
<GoArrowLeft className="ml-1" />
59+
</Card>
60+
</Link>
61+
)}
62+
</div>
63+
64+
65+
</Layout>

‎src/pages/one-click-apps/directus/how-tos/choose-version.mdx‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
import Layout from "@/components/Layout";
2+
import Button from "@/components/Common/button";
3+
import Section from "@/components/Common/section";
4+
import Alert from "@/components/Common/alert";
5+
import Tabs from "@/components/Common/tab";
6+
import Step from "@/components/Common/step";
7+
import Card from "@/components/Common/card";
8+
import Important from "@/components/Common/important";
9+
import Highlight from "@/components/Common/highlight";
10+
import Link from "next/link";
11+
import {GoArrowLeft} from "react-icons/go";
12+
13+
import Head from "next/head";
14+
15+
<Layout>
16+
<Head>
17+
<title>مستندات تغییر نسخه Directus - لیارا</title>
18+
</Head>
19+
20+
# تغییر نسخه‌ی برنامه مستقر شده
21+
<hr className="mb-2" />
22+
23+
اگر که قصد دارید نسخه برنامه خود را بنا به هر دلیلی تغییر دهید؛ کافیست تا پس از <a href="../../quick-start" className="text-[#2196f3] ">ساخت برنامه در لیارا</a>، در Local یک دایرکتوری با نام دلخواه ایجاد کنید.
24+
وارد دایرکتوری شده و درون این دایرکتوری، یک فایل به نام <Important>liara.json</Important>، ایجاد کنید. سپس کافیست تا قطعه کد زیر را درون آن، قرار دهید:
25+
26+
<div className="h-4" />
27+
<div dir='ltr'>
28+
<Highlight className="json">
29+
{`{
30+
"image": "directus:<your-version>",
31+
"port": 8055,
32+
"app": "<your-app-name>",
33+
"disks": [
34+
{
35+
"name": "database",
36+
"mountTo": "/directus/database"
37+
},
38+
{
39+
"name": "uploads",
40+
"mountTo": "/directus/uploads"
41+
},
42+
{
43+
"name": "extensions",
44+
"mountTo": "/directus/extensions"
45+
}
46+
]
47+
}`}
48+
</Highlight>
49+
</div>
50+
<div className="h-2" />
51+
52+
در قطعه کد فوق، بایستی به جای عبارت <Important>\<your-version\></Important>
53+
ورژن موردنظر برنامه‌تان را وارد کنید.
54+
همچنین باید به جای عبارت
55+
<Important>\<your-app-name\></Important> نیز،
56+
شناسه برنامه خود را قرار دهید.
57+
<div className="h-2" />
58+
59+
در نهایت کافیست با استفاده از ابزار <a href="/references/cli/about" className="text-[#2196f3] "><Important>Liara CLI</Important></a> و در جایی که فایل <Important>liara.json</Important> قرار دارد، دستور زیر را اجرا کنید تا برنامه‌تان در لیارا، مستقر شود:
60+
61+
<div className="h-4" />
62+
<div dir='ltr'>
63+
<Highlight className="json">
64+
{`liara deploy`}
65+
</Highlight>
66+
</div>
67+
<div className="h-2" />
68+
69+
</Layout>

‎src/pages/one-click-apps/directus/quick-start.mdx‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
import Layout from "@/components/Layout";
2+
import Button from "@/components/Common/button";
3+
import Section from "@/components/Common/section";
4+
import Alert from "@/components/Common/alert";
5+
import Tabs from "@/components/Common/tab";
6+
import Step from "@/components/Common/step";
7+
import Card from "@/components/Common/card";
8+
import Important from "@/components/Common/important";
9+
import Highlight from "@/components/Common/highlight";
10+
import Link from "next/link";
11+
import {GoArrowLeft} from "react-icons/go";
12+
13+
import Head from "next/head";
14+
15+
<Layout>
16+
<Head>
17+
<title>مستندات راه‌اندازی سریع برنامه‌های Directus - لیارا</title>
18+
</Head>
19+
20+
# راه‌اندازی سریع برنامه‌های Directus
21+
<hr className="mb-2" />
22+
23+
<a href="https://directus.io/" className="text-[#2196f3] ">Directus</a> یک پلتفرم مدیریت محتوای Headless و ابزار مدیریت پایگاه داده است که به توسعه‌دهندگان امکان مدیریت و توسعه سریع اپلیکیشن‌های وب و موبایل را می‌دهد. این ابزار به شما اجازه می‌دهد داده‌های خود را در پایگاه‌های داده SQL (مانند MySQL یا PostgreSQL) ذخیره کنید و از طریق API (REST یا GraphQL) به آن‌ها دسترسی داشته باشید.
24+
25+
Directus به‌عنوان یک سیستم مدیریت محتوا بدون محدودیت در فرانت‌اند عمل می‌کند، به این معنی که هیچ قالب یا رابط کاربری از پیش‌تعریف‌شده‌ای برای محتوای شما وجود ندارد و شما می‌توانید از هر فناوری یا فریم‌ورکی برای نمایش داده‌ها استفاده کنید. رابط کاربری آن مدرن و کاربرپسند است و امکاناتی چون مدیریت کاربران، تعیین سطوح دسترسی و فیلترگذاری‌های پیشرفته را فراهم می‌کند. Directus مناسب پروژه‌هایی است که نیاز به کنترل کامل بر داده‌ها و انعطاف‌پذیری در نمایش دارند.
26+
27+
<div className="h-4" />
28+
29+
برای راه‌اندازی برنامه آماده مدنظر خود در لیارا، باید وارد صفحه <a href="https://console.liara.ir/one-click-apps" className="text-[#2196f3] ">برنامه‌های آماده</a> شوید؛ سپس برنامه‌ی <b>Directus</b>
30+
را انتخاب کنید و در صورت تمایل یک شناسه برای آن قرار دهید (در غیر این‌صورت، لیارا به صورت پیش‌فرض یک شناسه برای برنامه‌تان انتخاب می‌کند)؛ سپس بر روی گزینه **نصب سریع** یا **نصب پیشرفته** کلیک کنید تا برنامه‌تان ساخته شود.
31+
32+
{/* <div className="h-4" />
33+
<video
34+
src="https://files.liara.ir/liara/docs/Directus.mp4"
35+
controls="controls"
36+
className="block w-full"
37+
width="100%"
38+
/>
39+
<div className="h-4" /> */}
40+
41+
پس از ساخته شدن برنامه، می‌توانید در صفحه <a href="https://console.liara.ir/apps" className="text-[#2196f3] ">پلتفرم</a>، برنامه خود را بررسی کنید. برای نصب دلخواه و انتخاب نسخه مدنظرتان یا انتخاب dockerimage ، باید از گزینه **نصب پیشرفته** یا <a href="/one-click-apps/liara-compose/about/" className="text-[#2196f3]">Liara Compose</a> استفاده کنید.
42+
43+
<Section id="see-also" title="همچنین بخوانید:" />
44+
45+
<div className='h-2' />
46+
<div className="grid md:grid-cols-1 gap-4">
47+
{[
48+
{
49+
title: "تغییر نسخه‌ی برنامه مستقر شده",
50+
link: "./how-tos/choose-version"
51+
},
52+
].map(item =>
53+
<Link href={item.link}>
54+
<Card className="flex cursor-pointer w-full items-center justify-between">
55+
<div className="flex items-center gap-3">
56+
<h4>
57+
{item.title}
58+
</h4>
59+
</div>
60+
<GoArrowLeft className="ml-1" />
61+
</Card>
62+
</Link>
63+
)}
64+
</div>
65+
66+
67+
</Layout>

0 commit comments

Comments
 (0)