Summarize this content to 400 words in Persian Lang <\/p>\n
\u0645\u0639\u0631\u0641\u06cc<\/p>\n
\u0627\u06cc\u0646 \u0627\u0648\u0644\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0645\u0646 \u0627\u0633\u062a \u0648 \u0645\u06cc \u062e\u0648\u0627\u0647\u0645 \u0645\u0648\u0636\u0648\u0639 \u06a9\u0634 \u06a9\u0631\u062f\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Redis \u0648 SSR (\u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631) \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u0645. \u0645\u0646 \u0627\u0647\u0645\u06cc\u062a \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0631\u0627 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc \u062f\u0647\u0645\u060c \u0645\u062b\u0627\u0644\u06cc \u0627\u0632 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u0645 \u0648 \u062f\u0631 \u0645\u0648\u0631\u062f \u0628\u0631\u062e\u06cc \u0627\u0632 \u0686\u0627\u0644\u0634 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc\u0645 \u0628\u0627 \u0622\u0646 \u0631\u0648\u0628\u0631\u0648 \u0628\u0648\u062f\u0647 \u0627\u0645 \u0635\u062d\u0628\u062a \u0645\u06cc \u06a9\u0646\u0645. \u0645\u0646 \u0627\u0632 NextJs \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u0645 \u06a9\u0631\u062f \u0632\u06cc\u0631\u0627 \u06cc\u06a9 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u062e\u0627\u0631\u062c \u0627\u0632 \u062c\u0639\u0628\u0647 SSR \u062f\u0627\u0631\u062f.<\/p>\n
\u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc<\/p>\n
\u0627\u0628\u062a\u062f\u0627\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0647\u0645\u06cc\u062a \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0628\u062d\u062b \u06a9\u0646\u06cc\u0645. \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0648 \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0631\u0633\u0627\u0646\u062f\u0646 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u0646\u0642\u0634\u06cc \u062d\u06cc\u0627\u062a\u06cc \u062f\u0631 \u0628\u0647\u0628\u0648\u062f \u0632\u0645\u0627\u0646 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc\u060c \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0633\u0631\u0648\u0631 \u0648 \u062a\u0636\u0645\u06cc\u0646 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0648\u0627\u0646\u200c\u062a\u0631 \u0627\u06cc\u0641\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
\u0627\u06af\u0631 \u0631\u0648\u06cc \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0639\u0645\u0648\u0645\u06cc \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u06a9\u0634 \u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u0635\u0631\u0641 \u0646\u0638\u0631 \u0627\u0632 \u0633\u0631\u0639\u062a \u0633\u0631\u0648\u0631 \u0648 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0634\u0645\u0627\u060c \u0622\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u062f\u0631 \u0632\u06cc\u0631 \u0628\u0627\u0631 \u0632\u06cc\u0627\u062f \u0628\u0647 \u06af\u0644\u0648\u06af\u0627\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u0646\u062f.<\/p>\n
\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0628\u0647 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u060c \u0632\u06cc\u0631\u0627 \u06af\u0648\u06af\u0644 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0631\u0627 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0646\u0645\u0627\u06cc\u0647 \u0633\u0627\u0632\u06cc \u062f\u0631 \u0646\u0638\u0631 \u0645\u06cc \u06af\u06cc\u0631\u062f \u0648 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u0633\u0631\u06cc\u0639 \u062a\u0631 \u0631\u0627 \u062f\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0647\u0627\u06cc \u0628\u0627\u0644\u0627\u062a\u0631 \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u062f. \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0633\u0627\u06cc\u062a \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u0645\u0648\u0641\u0642\u06cc\u062a \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u060c \u0647\u0631 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u0645\u0647\u0645 \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u062d\u062a\u06cc \u062a\u0627\u062e\u06cc\u0631\u0647\u0627\u06cc \u062c\u0632\u0626\u06cc \u0646\u06cc\u0632 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u0632\u06cc\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0634\u0648\u062f.<\/p>\n
\u0627\u0646\u0648\u0627\u0639 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646<\/p>\n
\u0627\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641\u06cc \u0627\u0632 \u06a9\u0634 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0645\u0627\u0646\u0646\u062f \u06a9\u0634 \u06a9\u0631\u062f\u0646 API\u060c \u06a9\u0634 HTML\u060c CDN\u060c \u0648 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 (\u062d\u0627\u0641\u0638\u0647\u060c \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u0648 \u063a\u06cc\u0631\u0647). \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0628\u0627\u06cc\u062f \u0645\u062c\u0645\u0648\u0639\u0647 \u062f\u0642\u06cc\u0642\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0631\u0627 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u06cc\u0627\u0632\u0647\u0627\u060c \u0628\u0627\u0631\u0647\u0627 \u0648 \u0633\u0627\u06cc\u0631 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u062e\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u067e\u0631\u0648\u0698\u0647 \u0648 \u0647\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0622\u0646\u060c \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.<\/p>\n
\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u0646 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0645 \u0630\u062e\u06cc\u0631\u0647 API \u062f\u0642\u06cc\u0642 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Redis \u0648 SSR \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u0645 \u0632\u06cc\u0631\u0627 \u0628\u0647 \u06a9\u0627\u0647\u0634 \u067e\u0627\u0633\u062e \u0633\u0631\u0648\u0631 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0646\u0642\u0634 \u0645\u0647\u0645\u06cc \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0627\u0631\u062f. \u0641\u0631\u0642\u06cc \u0646\u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u06a9\u062f \u0638\u0627\u0647\u0631\u06cc \u0634\u0645\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0633\u0631\u0639\u062a \u0633\u0631\u0648\u0631 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u06cc\u0627\u0628\u062f \u06a9\u0627\u0631 \u06a9\u0646\u062f. \u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628 \u0627\u063a\u0644\u0628 \u0645\u0634\u062a\u0631\u06cc \u0641\u0642\u0637 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0645\u06cc \u0628\u0646\u062f\u062f \u0648 \u0633\u0627\u06cc\u062a \u062f\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0647\u0627\u06cc \u06af\u0648\u06af\u0644 \u067e\u0627\u06cc\u06cc\u0646 \u0645\u06cc \u0622\u06cc\u062f.<\/p>\n
\u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Google Page Insights \u0648 Light House \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0633\u0631\u0639\u062a \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u0648\u0631 \u0627\u0647\u0645\u06cc\u062a \u0632\u06cc\u0627\u062f\u06cc \u0645\u06cc \u062f\u0647\u0646\u062f.<\/p>\n
\u0686\u0631\u0627 \u0628\u0647 SSR \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u0645\u061f<\/p>\n
\u0634\u0627\u06cc\u062f \u0628\u0631\u062e\u06cc \u0627\u0632 \u0634\u0645\u0627 \u0633\u0648\u0627\u0644\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f – \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u06cc \u0631\u0627 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u0627\u0631\u0627\u0626\u0647 \u06a9\u0646\u06cc\u0645\u061f \u0686\u0631\u0627 \u0641\u0642\u0637 \u06cc\u06a9 \u0642\u0627\u0644\u0628 HTML \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u0646\u0645\u06cc \u062f\u0647\u06cc\u062f \u0648 \u0647\u0645\u0647 \u06a9\u0627\u0631\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0622\u0646\u062c\u0627 \u0627\u0646\u062c\u0627\u0645 \u0646\u0645\u06cc \u062f\u0647\u06cc\u062f – \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0648\u0627\u06a9\u0634\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f\u061f \u0648 \u0645\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u0645 \u0628\u06af\u0648\u06cc\u0645 – \u0628\u0644\u0647\u060c \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644\u06cc \u0646\u062f\u0627\u0631\u062f\u060c \u0627\u0645\u0627 \u0641\u0642\u0637 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a\u06cc \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0646\u0645\u0627\u06cc\u0647 \u0633\u0627\u0632\u06cc \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648 \u0646\u062f\u0627\u0631\u062f. \u062f\u0631 \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u060c \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0648\u0628 \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062f\u06a9\u0633 \u06a9\u0646\u06cc\u062f \u0648 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u062c\u0633\u062a\u062c\u0648 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f\u060c \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u062f\u0631 HTML \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0633\u0631\u0648\u0631 \u06af\u0646\u062c\u0627\u0646\u062f\u0647 \u0634\u0648\u062f. \u06af\u0648\u06af\u0644 \u0627\u0632 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc\u06cc \u0628\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0631\u0646\u062f\u0631 \u0634\u062f\u0647 \u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u0646\u0633\u0628\u062a \u0628\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u0634\u062f\u062a \u0628\u0647 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc \u0645\u062a\u06a9\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u062a\u0631\u062c\u06cc\u062d \u0645\u06cc \u062f\u0647\u062f.<\/p>\n
\u0686\u0631\u0627 \u0631\u062f\u06cc\u0633\u061f<\/p>\n
Redis \u0627\u0628\u0632\u0627\u0631 \u0645\u0648\u0631\u062f \u0639\u0644\u0627\u0642\u0647 \u0645\u0646 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0633\u0647\u0648\u0644\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc \u0622\u0646 \u0627\u0633\u062a. \u062f\u0631 \u0645\u06cc\u0627\u0646 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Redis \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc\u060c \u0686\u0646\u062f\u06cc\u0646 \u0645\u0648\u0631\u062f \u0628\u0631\u062c\u0633\u062a\u0647 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u0627\u0644\u062a \u067e\u0648\u06cc\u0627\u060c \u0627\u0645\u06a9\u0627\u0646 \u0631\u062f\u06cc\u0627\u0628\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u062d\u0630\u0641 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u062f. Redis \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0632 \u0627\u0646\u062a\u0642\u0627\u0644 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0628\u0647 \u0633\u0631\u0648\u0631 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0632\u06cc\u0639 \u0628\u0647\u06cc\u0646\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627 \u062a\u0633\u0647\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0642\u0627\u0628\u0644\u06cc\u062a \u0622\u0646 \u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0634 \u0647\u0648\u0634\u0645\u0646\u062f\u060c \u06a9\u0647 \u062f\u0631 \u0645\u0642\u0627\u0644\u0647 \u0628\u0639\u062f\u06cc \u0628\u0647 \u062a\u0641\u0635\u06cc\u0644 \u062a\u0648\u0636\u06cc\u062d \u062e\u0648\u0627\u0647\u0645 \u062f\u0627\u062f\u060c \u06cc\u06a9\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0632 \u0645\u0632\u0627\u06cc\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0627\u0633\u062a. \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c Redis \u0627\u06cc\u062c\u0627\u062f \u0646\u0633\u062e\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646 \u0631\u0627 \u0622\u0633\u0627\u0646 \u0645\u06cc \u06a9\u0646\u062f\u060c \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0633\u0631\u06cc\u0639 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.<\/p>\n
\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u0634\u0631\u0648\u0639 \u0628\u0647 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u0645. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0641\u0631\u0636 \u06a9\u0646\u06cc\u0645 \u0634\u0645\u0627 \u0642\u0628\u0644\u0627\u064b \u0628\u0631\u0646\u0627\u0645\u0647 Next \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f \u0648 \u0644\u06cc\u0633\u062a\u06cc \u0627\u0632 \u0645\u0648\u062c\u0648\u062f\u06cc\u062a \u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u0632 \u0633\u0631\u0648\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0622\u0646 \u0631\u0627 \u06a9\u0634 \u06a9\u0646\u06cc\u062f.<\/p>\n
1. \u0646\u0635\u0628 Redis<\/p>\n
\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f Redis \u0631\u0627 \u0628\u0631 \u0631\u0648\u06cc \u0647\u0631 \u0633\u0631\u0648\u0631\u06cc \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0622\u0646 \u0631\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0631\u0648\u06cc \u0631\u0627\u06cc\u0627\u0646\u0647 \u062e\u0648\u062f \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f. \u0645\u0646 \u0634\u062e\u0635\u0627 \u062a\u0631\u062c\u06cc\u062d \u0645\u06cc \u062f\u0647\u0645 \u0627\u0632 Docker \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0645:<\/p>\n
\u0641\u0627\u06cc\u0644: .docker-compose.yml<\/p>\n
services:
\n redis:
\n image: ‘bitnami\/redis:latest’
\n environment:
\n – REDIS_PASSWORD=password
\n – REDIS_AOF_ENABLED=no
\n volumes:
\n – “.\/docker\/redis:\/bitnami”
\n ports:
\n – “6379:6379”
\n redisinsight:
\n container_name: redisinsight
\n image: redislabs\/redisinsight
\n ports:
\n – “8081:8001”<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
2. \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc Redis<\/p>\n
\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639\u060c \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u06cc\u06a9 \u0641\u0627\u06cc\u0644 env \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u062a\u0635\u0627\u0644 \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645.<\/p>\n
\u0641\u0627\u06cc\u0644: .env<\/p>\n
REDIS_HOST=localhost
\nREDIS_PASSWORD=password
\nREDIS_PORT=6379
\nAnd set up Redis client.<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
\u0641\u0627\u06cc\u0644: lib\/redis.js<\/p>\n
import Redis from “ioredis”;<\/p>\n
const options = {
\n port: process.env.REDIS_PORT,
\n host: process.env.REDIS_HOST,
\n password: process.env.REDIS_PASSWORD
\n};<\/p>\n
const client = new Redis(options);
\nexport default client;<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
3. \u062a\u0627\u0628\u0639 API<\/p>\n
\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u06cc\u06a9 API \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0627\u0632 \u067e\u0648\u0634\u0634 Redis \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n
\u0641\u0627\u06cc\u0644: api\/index.js<\/p>\n
\u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0646 \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0627\u0632 “.\/catalog”;<\/p>\n
const config = {
\n API_URL: ‘http:\/\/localhost:3000\/api\/catalog’
\n}
\nexport const Api = {
\n catalog: catalog(config)
\n}
\nFile: api\/catalog.js<\/p>\n
import {redisGetHandler} from “..\/utils\/redis”;<\/p>\n
export default (config) => ({
\n async getItems(Redis = null, reset = false) {
\n return await redisGetHandler(Redis, config.API_URL, ‘getItems’, reset);
\n }
\n});<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
4. \u0639\u0645\u0644\u06a9\u0631\u062f \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u0646\u062f\u0647 Redis<\/p>\n
\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u0645\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u0646\u062f\u0647 \u0628\u0631\u0627\u06cc API \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u062a\u0648\u0627\u0646\u062f \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0627\u0632 Redis \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u062f.<\/p>\n
\u0641\u0627\u06cc\u0644: utils\/redis.js<\/p>\n
import axios from “axios”;<\/p>\n
export async function redisGetHandler(Redis, apiPath, apiCode, reset = false) {
\n const url = `${apiPath}\/${apiCode}`;
\n if (!Redis) {
\n return await fetchData(url);
\n }<\/p>\n
try {
\n if (!reset) {
\n const cachedData = await Redis.get(apiCode);
\n if (cachedData) {
\n return JSON.parse(cachedData);
\n }
\n }
\n const serverData = await fetchData(url);
\n if (serverData) {
\n Redis.set(apiCode, JSON.stringify(serverData));
\n }
\n return serverData;
\n } catch(e) {
\n console.log(e);
\n }
\n return await fetchData(url);
\n}<\/p>\n
async function fetchData(url) {
\n try {
\n const {data} = await axios.get(url);
\n return data;
\n } catch (e) {
\n console.log(e);
\n }
\n return null;
\n}<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
5. \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0635\u0641\u062d\u0647 \u0648 \u062a\u0627\u0628\u0639 getServerSideProps<\/p>\n
\u0628\u06cc\u0627\u06cc\u06cc\u062f API \u0631\u0627 \u062f\u0631 serverFunction \u0627\u062f\u063a\u0627\u0645 \u06a9\u0646\u06cc\u0645. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Redis \u062f\u0631 \u062a\u0648\u0627\u0628\u0639 \u0633\u0631\u0648\u0631 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 Redis \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0631 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0639\u062f\u0645 \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627 \u062f\u0631 \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc \u0645\u06cc \u0634\u0648\u062f.<\/p>\n
\u0641\u0627\u06cc\u0644: pages\/index.js<\/p>\n
import {useEffect, useState} from “react”;
\nimport {Api} from “..\/api”;
\nimport Redis from “..\/lib\/redis”;<\/p>\n
export default function Home({items: serverItems}) {
\n const [clientItems, setClientItems] = useState([]);
\n const [isClientItemsLoading, setIsClientItemsLoading] = useState(true);<\/p>\n
const getClientItems = async () => {
\n setIsClientItemsLoading(true);
\n setClientItems(await Api.catalog.getItems());
\n setIsClientItemsLoading(false);
\n }<\/p>\n
useEffect(() => {
\n getClientItems();
\n }, []);<\/p>\n
return (<\/p>\n
Items from client
\n {isClientItemsLoading && (Loading…)}
\n {!isClientItemsLoading &&
\n {clientItems.map(item => {item.name})}
\n }
\n Items from server<\/p>\n
{serverItems.map(item => {item.name})}<\/p>\n
);
\n}<\/p>\n
export async function getServerSideProps({query}) {
\n const reset = Boolean(query.reset);
\n const items = await Api.catalog.getItems(Redis, reset)
\n return {
\n props: {
\n items
\n }
\n };
\n}<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
6. \u0646\u062a\u06cc\u062c\u0647<\/p>\n
\u0628\u0647 \u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647\u060c \u0627\u06cc\u0646 \u0637\u0631\u062d \u0627\u0633\u062a: \u0645\u0627 \u062f\u0648 \u062a\u0645\u0627\u0633 API \u062f\u0627\u0631\u06cc\u0645\u060c \u06cc\u06a9\u06cc \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u0648 \u062f\u06cc\u06af\u0631\u06cc \u0631\u0648\u06cc \u06a9\u0644\u0627\u06cc\u0646\u062a.<\/p>\n
\u0645\u062e\u0632\u0646: https:\/\/github.com\/xvandevx\/blog-examples\/tree\/main\/nestjs-cache<\/p>\n
\u0634\u0627\u06cc\u062f \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0645\u0627 \u0641\u0642\u0637 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 API \u0627\u0632 \u0645\u0634\u062a\u0631\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f\u060c Redis \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u06cc \u0634\u0648\u062f \u0632\u06cc\u0631\u0627 \u062f\u0631 \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc \u06a9\u0627\u0631 \u0646\u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644\u06cc \u0628\u0648\u062f \u06a9\u0647 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u062f\u0631 \u0627\u0648\u0644\u06cc\u0646 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0634 \u0628\u0627 \u0622\u0646 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f\u0645. \u062f\u0644\u06cc\u0644 \u0622\u0646 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Redis \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0631\u0648\u06cc \u06a9\u0644\u0627\u06cc\u0646\u062a \u0646\u0627\u0627\u0645\u0646 \u0627\u0633\u062a \u0648 \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062c\u0644\u0648\u06cc\u06cc \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0646\u062f.<\/p>\n
\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c Next.JS \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0645\u0627 \u062f\u0631 \u0631\u0641\u0639 \u0622\u0646 \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u06cc\u06a9 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc API \u062f\u0627\u062e\u0644\u06cc \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0627\u062f\u0627\u0645\u0647 \u06a9\u0627\u0631 \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n
\u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0622\u0646 \u0641\u0642\u0637 \u0628\u0647 \u0686\u0646\u062f \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0631 \u06a9\u062f \u062e\u0648\u062f \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u0645.<\/p>\n
7. \u062a\u0627\u0628\u0639 API<\/p>\n
\u0628\u0627\u06cc\u062f API_WRAPPER_URL \u0648 \u062a\u0627\u0628\u0639 getItemsWrapper \u0631\u0627 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n
\u0641\u0627\u06cc\u0644: api\/index.js<\/p>\n
import catalog from “.\/catalog”;<\/p>\n
const config = {
\n API_URL: ”,
\n API_WRAPPER_URL: ”
\n}
\nexport const Api = {
\n catalog: catalog(config)
\n}
\nFile: api\/catalog.js<\/p>\n
import {redisGetHandler} from “..\/utils\/redis”;
\nimport axios from “axios”;<\/p>\n
export default (config) => ({
\n async getItems(Redis = null, reset = false) {
\n return await redisGetHandler(Redis, config.API_URL, ‘getItems’, reset);
\n },
\n async getItemsWrapper(reset = false) {
\n const {data} = await axios.get(`${config.API_WRAPPER_URL}\/getItems?reset=${reset}`);
\n return data;
\n }
\n});<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
8. \u0644\u0641\u0627\u0641 API \u0633\u0631\u0648\u0631 \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f<\/p>\n
\u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0645\u0647\u0645 \u0634\u0627\u0645\u0644 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc API \u0633\u0631\u0648\u0631 \u0627\u0633\u062a \u062a\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u067e\u0648\u0634\u0634 \u0628\u0631\u0627\u06cc \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc API \u0634\u0645\u0627 \u0639\u0645\u0644 \u06a9\u0646\u062f.<\/p>\n
\u0641\u0627\u06cc\u0644: pages\/api\/apiWrapper\/getItems.js<\/p>\n
import Redis from “\/lib\/redis”;
\nimport {Api} from “..\/..\/..\/api”;<\/p>\n
export default async function handler(req, res) {
\n const data = await Api.catalog.getItems(Redis, req.query.reset === ‘true’);
\n res.status(200).json(data);
\n}<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
\u0645\u0632\u06cc\u062a \u062f\u06cc\u06af\u0631 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f URL \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc API \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u067e\u0648\u0634\u0634 \u067e\u0646\u0647\u0627\u0646 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0645\u0646\u06cc\u062a \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n
9. \u062a\u0645\u0627\u0633 \u0647\u0627\u06cc API \u0631\u0627 \u0627\u0632 \u062e\u0627\u0631\u062c\u06cc \u0628\u0647 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc API \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f<\/p>\n
\u062a\u0646\u0647\u0627 \u06a9\u0627\u0631\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0645\u0627\u0633 \u0631\u0627 \u0627\u0632 Api.catalog.getItems() \u0628\u0647 Api.catalog.getItemsWrapper() \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n
\u0641\u0627\u06cc\u0644: pages\/index.js<\/p>\n
import {useEffect, useState} from “react”;
\nimport {Api} from “..\/api”;<\/p>\n
export default function Home({items: serverItems}) {
\n const [clientItems, setClientItems] = useState([]);
\n const [isClientItemsLoading, setIsClientItemsLoading] = useState(true);
\n const getClientItems = async () => {
\n setIsClientItemsLoading(true);
\n setClientItems(await Api.catalog.**getItemsWrapper**());
\n setIsClientItemsLoading(false);
\n };
\n useEffect(() => {
\n getClientItems();
\n }, []);
\n return (
\n ….component
\n );
\n}
\nexport async function getServerSideProps({query}) {
\n const reset = Boolean(query.reset);
\n const items = await Api.catalog.getItemsWrapper(reset);
\n return {
\n props: {
\n items
\n }
\n }
\n}<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a \u06a9\u0647 \u0627\u0632 \u06a9\u062c\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645 (\u0633\u0631\u0648\u0631 \u06cc\u0627 \u0645\u0634\u062a\u0631\u06cc) – \u0645\u0627 \u0647\u0645\u06cc\u0634\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0627\u0632 Redis \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0633\u0631\u06cc\u0639 \u0648 \u0628\u0647\u06cc\u0646\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n
\u0645\u062e\u0632\u0646: https:\/\/github.com\/xvandevx\/blog-examples\/tree\/main\/nestjs-cache-wrapper<\/p>\n
\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646<\/p>\n
\u062a\u0646\u0638\u06cc\u0645 \u0645\u062c\u062f\u062f \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u06cc\u06a9 \u0645\u0648\u0636\u0648\u0639 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646 \u0642\u0635\u062f \u062f\u0627\u0631\u0645 \u062f\u0631 \u0645\u0642\u0627\u0644\u0647 \u0622\u06cc\u0646\u062f\u0647 \u062e\u0648\u062f \u0628\u0647 \u0622\u0646 \u0628\u06cc\u0634\u062a\u0631 \u0628\u067e\u0631\u062f\u0627\u0632\u0645. \u0627\u062c\u0631\u0627\u06cc \u0622\u0646 \u0645\u0633\u062a\u0644\u0632\u0645 \u062f\u0631\u06a9 \u06a9\u0627\u0645\u0644 \u0645\u06a9\u0627\u0646\u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0627\u0633\u062a. \u0635\u0631\u0641\u0627\u064b \u06a9\u0634 \u06a9\u0631\u062f\u0646 \u062a\u0645\u0627\u0645 \u0646\u0642\u0627\u0637 \u067e\u0627\u06cc\u0627\u0646\u06cc API \u062f\u0631 Redis \u0628\u0627 \u0645\u0647\u0644\u062a \u0632\u0645\u0627\u0646\u06cc \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a. \u0628\u0631\u062e\u06cc \u0627\u0632 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u060c \u0645\u0627\u0646\u0646\u062f \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u06a9\u0647 \u062f\u0631 \u0622\u0646\u200c\u0647\u0627 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0642\u06cc\u0645\u062a\u200c\u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a\u060c \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0627\u062e\u062a\u0644\u0627\u0641 \u0628\u06cc\u0646 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647\u200c\u0634\u062f\u0647 \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u062c\u0632\u0626\u06cc\u0627\u062a \u0648 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u067e\u0631\u062f\u0627\u062e\u062a \u0631\u0627 \u062a\u062d\u0645\u0644 \u06a9\u0646\u0646\u062f. \u062d\u062a\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9 \u0648 \u06a9\u0645 \u062a\u0631\u062f\u062f \u0646\u06cc\u0632 \u0686\u0646\u06cc\u0646 \u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062e\u0648\u062f \u0646\u0627\u0627\u0645\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0645\u06cc \u062f\u0627\u0646\u0646\u062f.<\/p>\n
\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0627\u062a\u062e\u0627\u0630 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0634 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0628\u062e\u0634 \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u0646 \u0631\u0648\u06cc \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc\u06cc \u062a\u0645\u0631\u06a9\u0632 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc \u062d\u0627\u0641\u0638\u0647 \u0646\u0647\u0627\u0646 \u0641\u0648\u0631\u06cc \u062d\u06cc\u0627\u062a\u06cc \u0646\u06cc\u0633\u062a\u0646\u062f – \u0645\u0646 \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u06cc\u06a9 \u0637\u0648\u0644 \u0639\u0645\u0631 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0647\u0645\u0627\u0646 \u062d\u0627\u0644 \u0631\u0647\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0645.<\/p>\n
\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u0645\u0646 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u0628\u0631\u0627\u06cc \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u06a9\u0634 \u062f\u0633\u062a\u06cc \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f\u060c \u0632\u06cc\u0631\u0627 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0622\u0646 \u0645\u0641\u06cc\u062f \u0648 \u0622\u0633\u0627\u0646 \u0627\u0633\u062a. \u0647\u0631 \u0627\u0632 \u0686\u0646\u062f \u06af\u0627\u0647\u06cc \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627\u0641\u062a\u0647 \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0628\u062f\u0648\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0646\u062a\u0638\u0631 \u0628\u0645\u0627\u0646\u06cc\u062f \u062a\u0627 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u062a\u0645\u0627\u0645 \u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u060c \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u0645 \u0627\u0632 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 URL \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0645\u062c\u062f\u062f \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 ?reset_cache=y:<\/p>\n
export async function getServerSideProps({query}) {
\n const reset = Boolean(query.reset);
\n const items = await Api.catalog.getItems(Redis, reset);
\n return {
\n props: {
\n items
\n }
\n };
\n}<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
\u0645\u062f\u06cc\u0631\u0627\u0646 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646 \u0628\u0627\u0628\u062a \u0627\u0632 \u0634\u0645\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631 \u062e\u0648\u0627\u0647\u0646\u062f \u0628\u0648\u062f!<\/p>\n
\u0648 \u0628\u0633! \u0627\u06a9\u0646\u0648\u0646 API \u0631\u0627 \u062f\u0631 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645 \u06a9\u0647 \u0628\u0647 \u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0647\u0631 \u0628\u0627\u0631 \u06a9\u0647 \u0628\u0627 API \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f\u060c \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0648 \u0627\u0632 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u0645.<\/p>\n
\u062e\u0644\u0627\u0635\u0647<\/p>\n
\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0648\u0644\u06cc\u0647 Redis \u0628\u0627 NextJs \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0645 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9 \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u0648 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0631\u0627\u06cc \u0627\u0647\u062f\u0627\u0641 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a. \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u062a\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u06a9\u0647 \u0634\u0627\u0645\u0644 Redis\u060c KeyDB\u060c Memcached\u060c \u06a9\u0634 HTML\u060c CDN\u060c \u06a9\u0634 \u0645\u0634\u062a\u0631\u06cc \u0648 \u0633\u0627\u06cc\u0631 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u067e\u0631\u0648\u0698\u0647 \u062e\u0627\u0635 \u0634\u0645\u0627 \u0628\u0627\u0634\u062f\u060c \u0628\u0647 \u0637\u0648\u0631\u06cc \u06a9\u0647 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0648 \u0633\u0631\u0639\u062a \u062a\u0648\u0633\u0639\u0647 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0646\u062f\u0647\u062f.<\/p>\n
\u0627\u06af\u0631 \u062f\u0631 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0628\u0632\u0631\u06af \u0647\u0633\u062a\u06cc\u062f\u060c \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u0628\u0647 \u0645\u0648\u0627\u0631\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u06a9\u0634 \u0648 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0647\u06cc\u062f. \u0627\u063a\u0644\u0628 \u0627\u06cc\u0646 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0628\u0647 \u0639\u0647\u062f\u0647 \u06cc\u06a9 \u062a\u06cc\u0645 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0627\u0633\u062a \u06cc\u0627 \u062a\u0648\u0633\u0637 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u0634\u0648\u062f \u06cc\u0627 \u0634\u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645 \u06a9\u0627\u0631\u06cc \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0647\u06cc\u0686 \u0648\u062c\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u0634 \u0646\u06cc\u0633\u062a. \u0628\u0627 \u0627\u06cc\u0646 \u0648\u062c\u0648\u062f\u060c \u0627\u0632 \u0646\u0638\u0631 \u0645\u0646\u060c \u0647\u0631 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0628\u0627\u06cc\u062f \u0627\u0632 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631\u06a9\u0631\u062f \u0648 \u0646\u062d\u0648\u0647 \u0628\u0631\u062e\u0648\u0631\u062f \u0628\u0627 \u0622\u0646 \u0622\u06af\u0627\u0647 \u0628\u0627\u0634\u062f.<\/p>\n
\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0633\u0631\u06cc\u0639 \u0645\u0627 \u06a9\u0647 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648\u0627\u0631\u062f \u0632\u0646\u062f\u06af\u06cc \u0645\u0627 \u0645\u06cc \u0634\u0648\u062f\u060c \u062a\u0642\u0627\u0636\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0645\u0627\u0646\u0646\u062f 15 \u0633\u0627\u0644 \u067e\u06cc\u0634 \u062f\u0648\u0628\u0627\u0631\u0647 \u0634\u0631\u0648\u0639 \u0628\u0647 \u0631\u0634\u062f \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f. \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0686\u0646\u06cc\u0646 \u062f\u0627\u0646\u0634\u06cc \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0627\u0632 \u062f\u06cc\u06af\u0631 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0628\u0627\u0632\u0627\u0631 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0634\u0627\u0631\u0647 \u06a9\u0646\u062f.<\/p>\n