diff --git a/README.md b/README.md
index c39fbd3..7a45243 100644
--- a/README.md
+++ b/README.md
@@ -87,6 +87,17 @@ If you wanna use `TGrid` in `NestJS`, read `Nestia` guide documents, too.
+## Playground
+You can quickly experience `TGrid` on the playground websites:
+
+ - [Remote Function Call](https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-function-call?file=src/client.ts&view=editor)
+ - [Remote Object Call](https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-object-call?file=src/client.ts&view=editor)
+ - [Object Oriented Network](https://stackblitz.com/~/github.com/samchon/tgrid.example.object-oriented-network?file=src/composite.ts&view=editor)
+ - [WebSocket Protocool](https://stackblitz.com/~/github.com/samchon/tgrid.example.websocket?file=src/client.ts&view=editor)
+ - [Worker Protocol](https://stackblitz.com/~/github.com/samchon/tgrid.example.worker?file=src/client.ts&view=editor)
+ - [NestJS WebSocket](https://stackblitz.com/~/github.com/samchon/tgrid.example.nestjs?file=src/calculate.test.ts&view=editor)
+
+
## Guide Documents
Check out the document in the [website](https://tgrid.com/docs):
diff --git a/website/next.config.js b/website/next.config.js
index 4df3c4d..a4503d7 100644
--- a/website/next.config.js
+++ b/website/next.config.js
@@ -6,6 +6,7 @@ const withNextra = require("nextra")({
/** @type {import('next').NextConfig} */
const config = {
...withNextra(),
+ output: "export",
exportTrailingSlash: true,
images: {
unoptimized: true,
diff --git a/website/package-lock.json b/website/package-lock.json
index fdd9785..e024fa2 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -18,8 +18,8 @@
"lz-string": "^1.5.0",
"monaco-editor": "^0.39.0",
"next": "^14.1.1",
- "nextra": "*",
- "nextra-theme-docs": "*",
+ "nextra": "latest",
+ "nextra-theme-docs": "latest",
"path": "^0.12.7",
"prettier": "^3.2.5",
"react": "^18.2.0",
diff --git a/website/package.json b/website/package.json
index 6c76dfe..37c8299 100644
--- a/website/package.json
+++ b/website/package.json
@@ -4,7 +4,7 @@
"description": "Typia Guide Documents",
"private": true,
"scripts": {
- "build": "rimraf .next && rimraf out && typedoc && next build && next export && next-sitemap",
+ "build": "rimraf .next && rimraf out && typedoc && next build && next-sitemap",
"deploy": "node build/deploy",
"dev": "next dev",
"prepare": "typedoc"
diff --git a/website/pages/_meta.json b/website/pages/_meta.json
index 104fe36..69ebad0 100644
--- a/website/pages/_meta.json
+++ b/website/pages/_meta.json
@@ -14,6 +14,38 @@
},
"playground": {
"title": "💻 Playground",
- "type": "page"
+ "type": "menu",
+ "items": {
+ "remote-function-call": {
+ "title": "Remote Function Call",
+ "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-function-call?file=src/client.ts&view=editor",
+ "newWindow": true
+ },
+ "remote-object-call": {
+ "title": "Remote Object Call",
+ "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-object-call?file=src/client.ts&view=editor",
+ "newWindow": true
+ },
+ "object-oriented-network": {
+ "title": "Object Oriented Network",
+ "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.object-oriented-network?file=src/composite.ts&view=editor",
+ "newWindow": true
+ },
+ "websocket": {
+ "title": "WebSocket Protocol",
+ "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.websocket?file=src/client.ts&view=editor",
+ "newWindow": true
+ },
+ "worker": {
+ "title": "Worker Protocol",
+ "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.worker?file=src/client.ts&view=editor",
+ "newWindow": true
+ },
+ "nestjs": {
+ "title": "NestJS WebSocket",
+ "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.nestjs?file=src/calculate.test.ts&view=editor",
+ "newWindow": true
+ }
+ }
}
}
diff --git a/website/src/movies/home/HomeHeroMovie.tsx b/website/src/movies/home/HomeHeroMovie.tsx
index 1a7ab30..e5a907c 100644
--- a/website/src/movies/home/HomeHeroMovie.tsx
+++ b/website/src/movies/home/HomeHeroMovie.tsx
@@ -70,9 +70,9 @@ const HomeHeroMovie = () => (
>
{"await "}
- driver
+ remote
{"."}
- {"method("}
+ {"function("}
{"...params"}
{")"}
diff --git a/website/src/movies/home/HomeStrengthMovie.tsx b/website/src/movies/home/HomeStrengthMovie.tsx
index b87252c..60545b9 100644
--- a/website/src/movies/home/HomeStrengthMovie.tsx
+++ b/website/src/movies/home/HomeStrengthMovie.tsx
@@ -14,9 +14,9 @@ const sections: HomeStrengthSectionMovie.Props[] = [
subTitle: (
{"await "}
- driver
+ remote
{"."}
- {"method("}
+ {"function("}
{"...params"}
{")"}
@@ -67,7 +67,7 @@ const sections: HomeStrengthSectionMovie.Props[] = [
{" "}
remote
{"."}
- {"method("}
+ {"function("}
{"...params"}
{")"}