Skip to content

Commit a7fd822

Browse files
A-NajmabadiA-Najmabadi
committed
update supertokens docs
1 parent 1f64648 commit a7fd822

File tree

5 files changed

+101
-2
lines changed

5 files changed

+101
-2
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"version": "0.1.0",
44
"private": true,
55
"scripts": {
6-
"dev": "next dev -p 3001",
6+
"dev": "next dev",
77
"build": "npm run sitemap && next build",
88
"start": "next start",
99
"lint": "next lint",

‎src/components/Sidebar/data.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5127,6 +5127,10 @@ export default {
51275127
</div>
51285128
)
51295129
},
5130+
{
5131+
title: "اتصال به SuperTokens با NextJS",
5132+
link: "/one-click-apps/supertokens/how-tos/connect-to-app"
5133+
},
51305134
{
51315135
title: "تغییر نسخه‌ی برنامه مستقر شده",
51325136
link: "/one-click-apps/supertokens/how-tos/choose-version"

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ import Head from "next/head";
2727
<div dir='ltr'>
2828
<Highlight className="json">
2929
{`{
30-
"image": "registry.supertokens.io/supertokens/supertokens-mysql",
30+
"image": "registry.supertokens.io/supertokens/supertokens-mysql:<your-version>",
3131
"app": "<your-app-name>",
3232
"port": "3567"
3333
}`}

‎src/pages/one-click-apps/supertokens/how-tos/connect-to-app.mdx‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
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>مستندات اتصال به SuperTokens در NextJS - لیارا</title>
18+
</Head>
19+
20+
# اتصال به SuperTokens در NextJS
21+
<hr className="mb-2" />
22+
23+
برای اتصال SuperTokens به برنامه خود، نیاز به انجام کار خاصی نیست و صرفاً کافیست تا آدرس SuperTokens را با کمک <a href="https://supertokens.com/docs/community/sdks" className="text-[#2196f3]">SDKهای مربوط</a> به فریم‌ورک انتخابی‌تان، در برنامه قرار دهید.
24+
در ادامه، مستندات مربوط به اتصال به SuperTokens در برنامه‌های NextJS آمده است:
25+
26+
در ابتدا، می‌توانید با استفاده از دستور زیر، یک قالب NextJS آماده مبتنی بر SuperTokens را در Local، ایجاد کنید:
27+
28+
<div className="h-4" />
29+
<div dir='ltr'>
30+
<Highlight className="bash">
31+
{`npx create-supertokens-app@latest`}
32+
</Highlight>
33+
</div>
34+
<div className="h-2" />
35+
36+
سپس، کافیست تا وارد مسیر <Important>app/config/appinfo.ts/</Important> یا <Important>config/appinfo.ts/</Important> شوید و قطعه کد زیر را در آن، قرار دهید:
37+
38+
39+
<div className="h-4" />
40+
<div dir='ltr'>
41+
<Highlight className="json">
42+
{`const port = process.env.APP_PORT || 3000;
43+
44+
const apiBasePath = "/api/auth/";
45+
46+
export const websiteDomain = process.env.APP_URL || process.env.NEXT_PUBLIC_APP_URL || \`http://localhost:\${port}\`;
47+
48+
export const appInfo = {
49+
appName: "SuperTokens Demo App",
50+
websiteDomain: "https://example.com",
51+
apiDomain: "https://example.com",
52+
apiBasePath: "/api/auth",
53+
websiteBasePath: "/auth",
54+
};
55+
`}
56+
</Highlight>
57+
</div>
58+
<div className="h-2" />
59+
60+
در نهایت، کافیست تا برنامه‌تان را در لیارا مستقر کنید تا برنامه به SuperTokens متصل شود.
61+
62+
سپس در فایل <Important>app/config/backend.ts/</Important> یا <Important>config/backend.ts/</Important>، در فیلدی به نام <Important>connectionURI</Important> در <Important>supertokens</Important>، آدرس برنامه SuperTokens خود را به صورت کامل، وارد کنید؛ به عنوان مثال:
63+
64+
<div className="h-4" />
65+
<div dir='ltr'>
66+
<Highlight className="js">
67+
{`// other codes ...
68+
69+
export let backendConfig = (): TypeInput => {
70+
return {
71+
framework: "express",
72+
supertokens: {
73+
// this is the location of the SuperTokens core.
74+
connectionURI: "https://supertokens-mckstswzz.liara.run",
75+
},
76+
77+
// other codes ...`}
78+
</Highlight>
79+
</div>
80+
<div className="h-2" />
81+
82+
سپس، کافیست تا برنامه‌تان را در لیارا مستقر کنید تا به SuperTokens متصل شود.
83+
84+
<div clasName="h-2" />
85+
<Alert variant="success">
86+
<p>
87+
یک پروژه آماده استقرار در <a href="https://github.com/liara-cloud/supertokens-nextjs.git" className="text-[#2196f3] ">اینجا</a> وجود دارد که می‌توانید از آن، استفاده کنید.
88+
</p>
89+
</Alert>
90+
91+
</Layout>

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

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,10 @@ import Head from "next/head";
4949
title: "تغییر نسخه‌ی برنامه مستقر شده",
5050
link: "./how-tos/choose-version"
5151
},
52+
{
53+
title: "اتصال به SuperTokens در NextJS",
54+
link: "./how-tos/connect-to-app"
55+
},
5256
].map(item =>
5357
<Link href={item.link}>
5458
<Card className="flex cursor-pointer w-full items-center justify-between">

0 commit comments

Comments
 (0)