Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0645\u0642\u0627\u0644\u0647 \u0642\u0628\u0644\u06cc\u060c \u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u0646\u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 monorepo \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0633\u062a\u0647 \u0645\u062d\u0648\u0631 \u06cc\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u062d\u0648\u0631 \u0628\u0627\u0634\u062f\u060c \u0628\u0633\u062a\u0647 \u0628\u0647 \u0646\u06cc\u0627\u0632 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0628\u062d\u062b \u06a9\u0631\u062f\u06cc\u0645. \u062e\u0648\u0628\u060c \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062e\u0627\u0635\u060c \u0645\u0627 \u06cc\u06a9 monorepo \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 pnpm \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0645\u0633\u06cc\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u062d\u0648\u0631 \u0631\u0627 \u062f\u0631 \u067e\u06cc\u0634 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u0645.<\/p>\n
Pnpm \u0686\u06cc\u0633\u062a\u061f <\/p>\n
Pnpm \u0646\u0633\u0644 \u062c\u062f\u06cc\u062f\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0628\u0633\u062a\u0647 \u0627\u0633\u062a. \u062f\u0631\u0633\u062a \u0645\u0627\u0646\u0646\u062f NPM \u0648 \u0646\u062e \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f \u0627\u0645\u0627 \u0645\u0632\u0627\u06cc\u0627\u06cc\u06cc \u062f\u0627\u0631\u062f.<\/p>\n
## install pnpm
\nnpm install -g pnpm # install pnpm globally<\/p>\n
\u06cc\u06a9 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u06cc\u06a9 \u0645\u062e\u0632\u0646 \u0645\u0648\u062c\u0648\u062f \u0631\u0627 \u0634\u0628\u06cc\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f<\/p>\n
mkdir monorepo # creates a new folder<\/p>\n
or<\/p>\n
git clone repository-link # clones a git repository (note: replace the link with repository URL)`<\/p>\n
\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0641\u0647\u0631\u0633\u062a \u0641\u0639\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0627\u062e\u06cc\u0631\u0627\u064b \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u06cc\u0627 \u0645\u062e\u0632\u0646 \u06a9\u0644\u0648\u0646 \u0634\u062f\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u0645.<\/p>\n
cd monorepo # change directory<\/p>\n
\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u0645\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0628\u0633\u062a\u0647 \u0631\u0627 \u0628\u0627 pnpm \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n
pnpm init<\/p>\n
\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc: \u0627\u06af\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0627\u0632 GitHub \u06cc\u0627 GitLab \u06a9\u0644\u0648\u0646 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a git \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n
git init # initializes git<\/p>\n
touch .gitignore<\/p>\n
node_modules \u0648 \u067e\u0648\u0634\u0647\u200c\u0647\u0627\u06cc \u062e\u0631\u0648\u062c\u06cc \u0633\u0627\u062e\u062a \u0631\u0627\u06cc\u062c \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0627\u0632 \u0641\u0634\u0627\u0631 \u062f\u0627\u062f\u0646 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0645\u062e\u0632\u0646 \u062e\u0648\u062f \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n
# .gitignore <\/p>\n
node_modules
\ndist
\nbuild
\n.env<\/p>\n
\u067e\u0633 \u0627\u0632 \u0627\u0646\u062c\u0627\u0645 \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u0647\u0627\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u067e\u0648\u0634\u0647 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u0645\u0648\u0631\u062f \u0639\u0644\u0627\u0642\u0647 \u062e\u0648\u062f \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f. \u0627\u06af\u0631 \u0627\u0632 Visual Studio Code \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631\u060c \u067e\u0648\u0634\u0647 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f<\/p>\n
code . # opens up the folder in vs code<\/p>\n
\u06a9\u062f . \u062f\u0631\u0633\u062a \u06a9\u0627\u0631 \u0646\u06a9\u0631\u062f \u0627\u06cc\u0646\u062c\u0627<\/p>\n
\u0641\u0636\u0627\u06cc \u06a9\u0627\u0631\u06cc \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/p>\n
\u0628\u0631\u0627\u06cc \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06cc\u06a9 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0631\u06cc\u060c \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062c\u062f\u06cc\u062f pnpm-workspace.yaml \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f<\/p>\n
touch pnpm-workspace.yaml # creates a new file <\/p>\n
\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0631\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n
# pnpm-workspace.yaml<\/p>\n
packages:
\n – ‘apps\/*’
\n – ‘packages\/*’<\/p>\n
\u0627\u06cc\u0646 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0628\u0647 pnpm \u0645\u06cc \u06af\u0648\u06cc\u062f \u06a9\u0647 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0631\u06cc \u0634\u0645\u0627 \u0634\u0627\u0645\u0644 \u0647\u0645\u0647 \u0641\u0647\u0631\u0633\u062a \u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u067e\u0648\u0634\u0647 \u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627 \u0648 \u0628\u0633\u062a\u0647 \u0647\u0627 \u0627\u0633\u062a.<\/p>\n
\u0641\u0647\u0631\u0633\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627 \u0648 \u0628\u0633\u062a\u0647 \u0647\u0627 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f<\/p>\n
mkdir -p apps packages<\/p>\n
\u0645\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u062f\u0648 \u0642\u0633\u0645\u062a \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u06cc\u0645 apps\/website \u0648 apps\/api.<\/p>\n
**apps\/website **\u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 NextJS \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0627\u06cc\u0646\u060c \u0628\u0627\u06cc\u062f \u0641\u0647\u0631\u0633\u062a \u06a9\u0627\u0631\u06cc \u0641\u0639\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u0645.<\/p>\n
cd apps<\/p>\n
pnpm create next-app website<\/p>\n
apps\/api \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc api \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 NestJs \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n
# monorepo\/apps (current working directory)<\/p>\n
nest new api –package-manager=pnpm # creates a new NestJS project<\/p>\n
\u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0634\u062a\u0631\u06a9 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f<\/p>\n
\u06a9\u0627\u0631 \u0639\u0627\u0644\u06cc! \u0634\u0645\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f. \u0627\u06a9\u0646\u0648\u0646\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 UI \u0645\u0634\u062a\u0631\u06a9\u060c \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u0628\u0647 \u0633\u0637\u062d \u0628\u0639\u062f\u06cc \u0628\u0628\u0631\u06cc\u0645. \u0627\u06cc\u0646\u062c\u0627\u0633\u062a \u06a9\u0647 \u062c\u0627\u062f\u0648\u06cc \u0645\u0648\u0646\u0648\u0631\u067e\u0648\u0633 \u0634\u0631\u0648\u0639 \u0628\u0647 \u062f\u0631\u062e\u0634\u0634 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n
packages\/library \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0634\u0627\u0645\u0644 \u0627\u062c\u0632\u0627\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0634\u062a\u0631\u06a9 \u0645\u0627 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n
# monorepo <\/p>\n
cd packages <\/p>\n
mkdir library && cd library && pnpm init<\/p>\n
# monorepo\/packages\/library\/package.json
\n{
\n “private”: true,
\n “name”: “library”,
\n “version”: “1.0.0”,
\n “description”: “”,
\n “main”: “index.js”,
\n “scripts”: {
\n “test”: “echo \\”Error: no test specified\\” && exit 1″
\n },
\n “keywords”: [],
\n “author”: “”,
\n “license”: “ISC”
\n}<\/p>\n
\u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645 privateproperty \u0631\u0648\u06cc true \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062e\u0635\u0648\u0635\u06cc \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0627 \u0646\u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0622\u0646 \u0631\u0627 \u062f\u0631 NPM \u06cc\u0627 \u062c\u0627\u06cc \u062f\u06cc\u06af\u0631\u06cc \u0645\u0646\u062a\u0634\u0631 \u06a9\u0646\u06cc\u0645\u060c \u0628\u0644\u06a9\u0647 \u0641\u0642\u0637 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062d\u0644\u06cc \u062f\u0631 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0631\u06cc \u062e\u0648\u062f \u0627\u0631\u062c\u0627\u0639 \u062f\u0647\u06cc\u0645 \u0648 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n
\u062f\u0631 \u067e\u0648\u0634\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062e\u0648\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0646\u0635\u0628 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f: React \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0648 TypeScript \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u062a\u0648\u0633\u0639\u0647.<\/p>\n
# monorepo<\/p>\n
pnpm add –filter library react
\npnpm add –filter library typescript -D<\/p>\n
\u0631\u0627 –filter library \u062f\u0631 \u062f\u0633\u062a\u0648\u0631 \u0646\u0635\u0628\u060c \u0628\u0647 pnpm \u0645\u06cc \u06af\u0648\u06cc\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc NPM \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062d\u0644\u06cc \u062f\u0631 \u0628\u0633\u062a\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0646\u0635\u0628 \u06a9\u0646\u062f. <\/p>\n
\u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u0627\u0631\u0647\u0627\u060c \u0627\u0632 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0628\u0631\u0627\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0628\u0633\u062a\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645. \u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0686\u06cc\u0632\u06cc \u0645\u0627\u0646\u0646\u062f Rollup \u06cc\u0627 Vite\u060c \u062a\u0631\u062a\u06cc\u0628 \u062c\u0627\u0645\u0639\u200c\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f \u0628\u0627 \u0647\u0645 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645.<\/p>\n
\u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript\u060c \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 tsconfig.json \u062f\u0631 \u0631\u06cc\u0634\u0647 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n
# monorepo\/packages\/library\/tsconfig.json
\n{
\n “compilerOptions”: {
\n “jsx”: “react-jsx”,
\n “allowJs”: true,
\n “esModuleInterop”: true,
\n “allowSyntheticDefaultImports”: true,
\n “module”: “commonjs”,
\n “outDir”: “.\/dist”
\n },
\n “include”: [“.”],
\n “exclude”: [“dist”, “node_modules”, “**\/*.spec.ts”]\n}<\/p>\n
\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u0648\u06cc\u0698\u06af\u06cc \u0627\u0635\u0644\u06cc \u0641\u0627\u06cc\u0644 package.json \u0631\u0627 \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0628\u0627 \u0641\u0647\u0631\u0633\u062a \u062e\u0631\u0648\u062c\u06cc \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u062f\u0631 \u0622\u0646 \u0645\u0637\u0627\u0628\u0642\u062a \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f tsconfig.json \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062e\u062a \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n
# monorepo\/packages\/library\/package.json
\n{
\n “private”: true,
\n “name”: “library”,
\n “version”: “1.0.0”,
\n “description”: “”,
\n “main”: “dist\/index.js”,
\n “scripts”: {
\n “build”: “rm -rf dist && tsc”
\n },
\n “keywords”: [],
\n “author”: “”,
\n “license”: “ISC”,
\n “dependencies”: {
\n “react”: “^18”
\n },
\n “devDependencies”: {
\n “typescript”: “^5.5.4”
\n }
\n}<\/p>\n
\u0627\u06cc\u062c\u0627\u062f \u0627\u0648\u0644\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0634\u062a\u0631\u06a9 \u0645\u0627<\/p>\n
\u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u0627\u0628\u062a\u062f\u0627 \u06cc\u06a9 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645. \u0641\u0627\u06cc\u0644 \u0631\u0627 \u062f\u0631 \u0641\u0647\u0631\u0633\u062a \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645.<\/p>\n
# monorepo\/packages\/library <\/p>\n
touch Select.tsx
\n# monorepo\/packages\/library\/Select.tsx <\/p>\n
function CustomSelect(props: any) {
\n return <select onChange={(e) => props.onChange(e)}>
\n {props.children}
\n <\/select>;
\n}<\/p>\n
export default CustomSelect;<\/p>\n
\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u06cc\u06a9 API \u0639\u0645\u0648\u0645\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0635\u0627\u062f\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u062f\u0631 \u062e\u0627\u0631\u062c \u0627\u0632 \u0628\u0633\u062a\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u0646\u062f. \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0647\u062f\u0641\u060c \u06cc\u06a9 \u0641\u0627\u06cc\u0644 index.tsx \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0648 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a Select \u0631\u0627 \u06a9\u0647 \u0628\u0647 \u062a\u0627\u0632\u06af\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645 \u0635\u0627\u062f\u0631 \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n
# monorepo\/packages\/library <\/p>\n
touch index.tsx
\n# monorepo\/packages\/library\/index.tsx <\/p>\n
export * from ‘.\/Select’;<\/p>\n
\u0633\u0627\u062e\u062a \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0627<\/p>\n
pnpm –filter library build<\/p>\n
\u062f\u0631 \u062d\u0627\u0644 \u0645\u0635\u0631\u0641 \u0628\u0633\u062a\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0627 \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 NextJs<\/p>\n
\u062a\u0628\u0631\u06cc\u06a9 \u0645\u06cc \u06af\u0648\u06cc\u0645! \u0634\u0645\u0627 \u0641\u0642\u0637 \u0645\u0624\u0644\u0641\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 UI \u0645\u0634\u062a\u0631\u06a9 \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 NextJS \u0645\u0627 \u062f\u0631 \u0641\u0647\u0631\u0633\u062a \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 pnpm \u06cc\u0627 \u062f\u0633\u062a\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n
pnpm add library –filter website –workspace<\/p>\n
\u0627\u06cc\u0646 \u0628\u0633\u062a\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n
{
\n “name”: “website”,
\n “version”: “0.1.0”,
\n “private”: true,
\n …,
\n “dependencies”: {
\n “library”: “workspace:*”,
\n …
\n },
\n “devDependencies”: {
\n …
\n }
\n}<\/p>\n
\u0645\u0627 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062a\u0645\u0627\u0645 \u0634\u062f\u0647 \u0627\u06cc\u0645. \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u0645\u0642\u062f\u0627\u0631 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0631\u0627 \u0628\u0647 \u0631\u0648\u0632 \u06a9\u0646\u06cc\u0645 “workspace:*”. \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0628\u0633\u062a\u0647 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062d\u0644\u06cc \u062d\u0644 \u06a9\u0646\u06cc\u0645 \u0646\u0647 \u0627\u0632 \u0631\u062c\u06cc\u0633\u062a\u0631\u06cc \u0645\u0627\u0646\u0646\u062f NPM\u060c \u0648 * \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0647\u0645\u06cc\u0634\u0647 \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n
\u0627\u06a9\u0646\u0648\u0646 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Select Component\u060c \u062a\u0646\u0647\u0627 \u06a9\u0627\u0631\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u0645 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u0645.<\/p>\n
\u0633\u0631\u0648\u0631 \u062a\u0648\u0633\u0639\u0647 \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0645\u0624\u0644\u0641\u0647 \u0631\u0627 \u062f\u0631 \u0639\u0645\u0644 \u0628\u0628\u06cc\u0646\u06cc\u062f.<\/p>\n
pnpm –filter website dev<\/p>\n
\u062a\u0646\u0638\u06cc\u0645 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc monorepo<\/p>\n
\u062f\u0631 \u0631\u06cc\u0634\u0647 \u0645\u0627 package.json \u0641\u0627\u06cc\u0644\u060c \u0645\u0627 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u0686\u0646\u062f \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631\u0645\u0627\u0646 \u0631\u0627\u062d\u062a \u062a\u0631 \u0634\u0648\u062f.<\/p>\n
# monorepo\/package.json<\/p>\n
“scripts”: {
\n “dev”: “pnpm run – parallel – filter \\”.\/apps\/**\\” dev”,
\n “build”: “pnpm run – recursive – filter \\”.\/apps\/**\\” build”,
\n “test”: “pnpm run – recursive – filter \\”.\/apps\/**\\” test”,
\n “lint”: “pnpm run – recursive – filter \\”.\/apps\/**\\” lint”
\n}<\/p>\n
\u062a\u0628\u0631\u06cc\u06a9 \u0645\u06cc \u06af\u0648\u06cc\u0645! \u0645\u0627 \u0622\u0646 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u06cc\u0645. \u0627\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0646\u062d\u0648\u0647 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc monorepo \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 pnpm \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f. \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0648\u0627\u0642\u0639\u06cc\u060c \u0645\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631 \u06cc\u06a9 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc monorepo \u0645\u0648\u062c\u0648\u062f \u0631\u0627 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u0645. \u062f\u0631 \u067e\u0633\u062a \u0642\u0628\u0644\u06cc \u0628\u0647 \u0686\u0646\u062f \u0645\u0648\u0631\u062f \u0627\u0634\u0627\u0631\u0647 \u06a9\u0631\u062f\u0645. \u0622\u0646\u0647\u0627 \u0645\u0632\u0627\u06cc\u0627\u06cc\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 pnpm \u062f\u0627\u0631\u0646\u062f.<\/p>\n
\u0645\u062e\u0632\u0646 GitHub<\/p>\n
\u062f\u0631 \u0645\u0642\u0627\u0644\u0647 \u0642\u0628\u0644\u06cc\u060c \u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u0646\u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 monorepo \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0633\u062a\u0647 \u0645\u062d\u0648\u0631 \u06cc\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u062d\u0648\u0631 \u0628\u0627\u0634\u062f\u060c \u0628\u0633\u062a\u0647 \u0628\u0647 \u0646\u06cc\u0627\u0632 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0628\u062d\u062b \u06a9\u0631\u062f\u06cc\u0645. \u062e\u0648\u0628\u060c \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062e\u0627\u0635\u060c \u0645\u0627 \u06cc\u06a9 monorepo \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 pnpm \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0645\u0633\u06cc\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u062d\u0648\u0631 \u0631\u0627 \u062f\u0631 \u067e\u06cc\u0634 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u0645.<\/p>\n
<\/p>\n