Skip to content

Commit

Permalink
Merge pull request #56 from abuansarpatowary/api/ssr.md
Browse files Browse the repository at this point in the history
Api/ssr.md
  • Loading branch information
mahmudunnabikajal authored Sep 15, 2023
2 parents 9586d7f + 2d92a3c commit 09e1f67
Showing 1 changed file with 35 additions and 35 deletions.
70 changes: 35 additions & 35 deletions src/api/ssr.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@

## renderToString() {#rendertostring}

- **Exported from `vue/server-renderer`**
- **`vue/server-renderer` থেকে এক্সপোর্ট করা হয়েছে**

- **Type**
- **প্রকার**

```ts
function renderToString(
Expand All @@ -13,7 +13,7 @@
): Promise<string>
```

- **Example**
- **উদাহরন**

```js
import { createSSRApp } from 'vue'
Expand All @@ -32,7 +32,7 @@

### SSR Context {#ssr-context}

You can pass an optional context object, which can be used to record additional data during the render, for example [accessing content of Teleports](/guide/scaling-up/ssr#teleports):
আপনি একটি অপশনাল কন্টেক্সট অবজেক্ট পাস করতে পারেন, যা রেন্ডারের সময় অতিরিক্ত ডেটা রেকর্ড করতে ব্যবহার করা যেতে পারে, উদাহরণস্বরূপ [টেলিপোর্টের কনটেন্ট অ্যাক্সেস করা](/guide/scaling-up/ssr#teleports):

```js
const ctx = {}
Expand All @@ -41,17 +41,17 @@
console.log(ctx.teleports) // { '#teleported': 'teleported content' }
```

Most other SSR APIs on this page also optionally accept a context object. The context object can be accessed in component code via the [useSSRContext](#usessrcontext) helper.
এই পেইজের বেশিরভাগ অন্যান্য SSR APIগুলিও ঐচ্ছিকভাবে একটি কন্টেক্সট অবজেক্ট গ্রহণ করে। কন্টেক্সট অবজেক্টটি [useSSRContext](#usessrcontext) হেল্পার মাধ্যমে কম্পোনেন্ট কোডে অ্যাক্সেস করা যেতে পারে।

- **See also** [Guide - Server-Side Rendering](/guide/scaling-up/ssr)
- **আরো দেখুন** [Guide - Server-Side Rendering](/guide/scaling-up/ssr)

## renderToNodeStream() {#rendertonodestream}

Renders input as a [Node.js Readable stream](https://nodejs.org/api/stream.html#stream_class_stream_readable).
একটি [Node.js Readable stream](https://nodejs.org/api/stream.html#stream_class_stream_readable) হিসাবে ইনপুট রেন্ডার করে।

- **Exported from `vue/server-renderer`**
- **`vue/server-renderer` থেকে এক্সপোর্ট করা হয়েছে**

- **Type**
- **প্রকার**

```ts
function renderToNodeStream(
Expand All @@ -60,24 +60,24 @@ Renders input as a [Node.js Readable stream](https://nodejs.org/api/stream.html#
): Readable
```

- **Example**
- **উদাহরন**

```js
// inside a Node.js http handler
renderToNodeStream(app).pipe(res)
```

:::tip Note
This method is not supported in the ESM build of `vue/server-renderer`, which is decoupled from Node.js environments. Use [`pipeToNodeWritable`](#pipetonodewritable) instead.
:::tip নোট
এই মেথডটি `vue/server-renderer`-এর ESM বিল্ডে সাপোর্টেড নয়, যা Node.js এনভারনমেন্ট থেকে ডিকপল করা হয়েছে। পরিবর্তে [`pipeToNodeWritable`](#pipetonodewritable) ব্যবহার করুন।
:::

## pipeToNodeWritable() {#pipetonodewritable}

Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/stream.html#stream_writable_streams) instance.
একটি বিদ্যমান [Node.js Writable stream](https://nodejs.org/api/stream.html#stream_writable_streams) উদাহরণে রেন্ডার এবং পাইপ করুন।

- **Exported from `vue/server-renderer`**
- **`vue/server-renderer` থেকে এক্সপোর্ট করার হয়েছে**

- **Type**
- **প্রকার**

```ts
function pipeToNodeWritable(
Expand All @@ -87,7 +87,7 @@ Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/
): void
```

- **Example**
- **উদাহরন**

```js
// inside a Node.js http handler
Expand All @@ -96,11 +96,11 @@ Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/

## renderToWebStream() {#rendertowebstream}

Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API).
একটি [Web ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API) হিসাবে ইনপুট রেন্ডার করে।

- **Exported from `vue/server-renderer`**
- **`vue/server-renderer` থেকে এক্সপোর্ট করা হয়েছে**

- **Type**
- **প্রকার**

```ts
function renderToWebStream(
Expand All @@ -109,24 +109,24 @@ Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs
): ReadableStream
```

- **Example**
- **উদাহরন**

```js
// inside an environment with ReadableStream support
return new Response(renderToWebStream(app))
```

:::tip Note
In environments that do not expose `ReadableStream` constructor in the global scope, [`pipeToWebWritable()`](#pipetowebwritable) should be used instead.
:::tip নোট
যে ইনভারনমেন্টগুলি গ্লোবাল স্কোপে `ReadableStream` কনস্ট্রাক্টরকে প্রকাশ করে না, সেখানে [`pipeToWebWritable()`](#pipetowebwritable) ব্যবহার করা উচিত।
:::

## pipeToWebWritable() {#pipetowebwritable}

Render and pipe to an existing [Web WritableStream](https://developer.mozilla.org/en-US/docs/Web/API/WritableStream) instance.
একটি বিদ্যমান [Web WritableStream](https://developer.mozilla.org/en-US/docs/Web/API/WritableStream) উদাহরণে রেন্ডার এবং পাইপ করুন।

- **Exported from `vue/server-renderer`**
- **`vue/server-renderer` থেকে এক্সপোর্ট করা হয়েছে**

- **Type**
- **প্রকার**

```ts
function pipeToWebWritable(
Expand All @@ -136,9 +136,9 @@ Render and pipe to an existing [Web WritableStream](https://developer.mozilla.or
): void
```

- **Example**
- **উদাহরন**

This is typically used in combination with [`TransformStream`](https://developer.mozilla.org/en-US/docs/Web/API/TransformStream):
এটি সাধারণত [`TransformStream`](https://developer.mozilla.org/en-US/docs/Web/API/TransformStream) এর সাথে ব্যবহার করা হয়:

```js
// TransformStream is available in environments such as CloudFlare workers.
Expand All @@ -151,11 +151,11 @@ Render and pipe to an existing [Web WritableStream](https://developer.mozilla.or

## renderToSimpleStream() {#rendertosimplestream}

Renders input in streaming mode using a simple readable interface.
একটি সহজ রিডএ্যাবল ইন্টারফেস ব্যবহার করে স্ট্রিমিং মোডে ইনপুট রেন্ডার করে।

- **Exported from `vue/server-renderer`**
- **`vue/server-renderer` থেকে এক্সপোর্ট করা হয়েছে**

- **Type**
- **প্রকার**

```ts
function renderToSimpleStream(
Expand All @@ -170,7 +170,7 @@ Renders input in streaming mode using a simple readable interface.
}
```

- **Example**
- **উদাহরন**

```js
let res = ''
Expand All @@ -196,17 +196,17 @@ Renders input in streaming mode using a simple readable interface.

## useSSRContext() {#usessrcontext}

A runtime API used to retrieve the context object passed to `renderToString()` or other server render APIs.
একটি রানটাইম API যা `renderToString()` বা অন্যান্য সার্ভার রেন্ডার API-এ পাস করা কনটেক্স অবজেক্ট পুনরুদ্ধার করতে ব্যবহৃত হয়।

- **Type**
- **প্রকার**

```ts
function useSSRContext<T = Record<string, any>>(): T | undefined
```

- **Example**
- **উদাহরন**

The retrieved context can be used to attach information that is needed for rendering the final HTML (e.g. head metadata).
পুনরুদ্ধার করা কনটেক্সটি চূড়ান্ত HTML রেন্ডার করার জন্য প্রয়োজনীয় তথ্য সংযুক্ত করতে ব্যবহার করা যেতে পারে (যেমন হেড মেটাডেটা)।

```vue
<script setup>
Expand Down

0 comments on commit 09e1f67

Please sign in to comment.