{"id":84520,"date":"2024-11-19T18:42:53","date_gmt":"2024-11-19T15:12:53","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/nextjs-interview-mastery-essential-questions-81-90-part-9-2eig\/"},"modified":"2024-11-19T18:42:53","modified_gmt":"2024-11-19T15:12:53","slug":"nextjs-interview-mastery-essential-questions-81-90-part-9-2eig","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/nextjs-interview-mastery-essential-questions-81-90-part-9-2eig\/","title":{"rendered":"\u062a\u0633\u0644\u0637 Next.js \u062f\u0631 \u0645\u0635\u0627\u062d\u0628\u0647: \u0633\u0624\u0627\u0644\u0627\u062a \u0627\u0633\u0627\u0633\u06cc 81-90 (\u0642\u0633\u0645\u062a 9)"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang <\/p>\n

\u0628\u0627 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0645\u0635\u0627\u062d\u0628\u0647 Next.js \u062a\u0645\u0627\u0645 \u067e\u062a\u0627\u0646\u0633\u06cc\u0644 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062a\u0633\u0644\u0637 \u0628\u0631 Next.js \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f: 100+ \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u0628\u0631\u0627\u06cc \u0645\u0648\u0641\u0642\u06cc\u062a \ud83d\udcd8. \u0686\u0647 \u0628\u0647\u200c\u062a\u0627\u0632\u06af\u06cc \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0634\u0631\u0648\u0639 \u0628\u0647 \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u06cc\u0627 \u06cc\u06a9 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0627\u0631\u062a\u0642\u0627\u06cc \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0628\u0647 \u0633\u0637\u062d \u0628\u0639\u062f\u06cc \u0647\u0633\u062a\u06cc\u062f\u060c \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u06a9\u0645\u06a9 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0645\u0635\u0627\u062d\u0628\u0647\u200c\u0647\u0627\u06cc Next.js \u0648 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646 \u0628\u0647 \u0641\u0631\u062f\u06cc \u0645\u0637\u0645\u0626\u0646 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0637\u06cc\u0641 \u06af\u0633\u062a\u0631\u062f\u0647\u200c\u0627\u06cc \u0627\u0632 \u0645\u0648\u0636\u0648\u0639\u0627\u062a Next.js \u0631\u0627 \u067e\u0648\u0634\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0633\u0624\u0627\u0644\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u067e\u06cc\u0634 \u0628\u06cc\u0627\u06cc\u062f \u0628\u0647 \u062e\u0648\u0628\u06cc \u0622\u0645\u0627\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f. \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0645\u0641\u0627\u0647\u06cc\u0645 \u06a9\u0644\u06cc\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 (SSR) \ud83c\udf0d\u060c \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 (SSG) \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. ) \ud83d\udcc4\u060c \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc (ISR) \u23f3\u060c \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \ud83d\udee4\ufe0f\u060c \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \ud83d\udd04\u060c \u0648 \u062e\u06cc\u0644\u06cc \u0628\u06cc\u0634\u062a\u0631. \u0647\u0631 \u0645\u0648\u0636\u0648\u0639 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0648 \u067e\u0627\u0633\u062e\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0628\u0647 \u0645\u062a\u062f\u0627\u0648\u0644\u200c\u062a\u0631\u06cc\u0646 \u0633\u0624\u0627\u0644\u0627\u062a \u0645\u0635\u0627\u062d\u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u067e\u0627\u0633\u062e \u0628\u0647 \u0633\u0624\u0627\u0644\u0627\u062a\u060c \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc Next.js\u060c \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u26a1 \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0627 \u067e\u06cc\u0634\u0631\u0641\u062a \u0645\u062f\u0627\u0648\u0645 Next.js\u060c \u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0645\u0627\u0646\u0646\u062f React 18\u060c Rendering \u0647\u0645\u0632\u0645\u0627\u0646 \u0648 Suspense \ud83d\udd04 \u0645\u06cc \u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0627 \u0622\u062e\u0631\u06cc\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a\u200c\u0647\u0627 \u0628\u0647\u200c\u0631\u0648\u0632 \u0628\u0627\u0634\u06cc\u062f\u060c \u0648 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0627 \u062f\u0627\u0646\u0634\u06cc \u06a9\u0647 \u0645\u0635\u0627\u062d\u0628\u0647\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0622\u0646 \u0647\u0633\u062a\u0646\u062f \u0645\u062c\u0647\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0622\u0646\u0686\u0647 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0631\u0627 \u0645\u062a\u0645\u0627\u06cc\u0632 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0631\u0648\u06cc\u06a9\u0631\u062f \u0639\u0645\u0644\u06cc \u0622\u0646 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0641\u0642\u0637 \u0646\u0638\u0631\u06cc\u0647 \u0631\u0627 \u067e\u0648\u0634\u0634 \u0646\u0645\u06cc \u062f\u0647\u062f\u060c \u0628\u0644\u06a9\u0647 \u0628\u06cc\u0646\u0634 \u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u0645\u0646\u06cc\u062a \ud83d\udd12\u060c \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc SEO \ud83c\udf10\u060c \u0648 \u0634\u06cc\u0648\u0647 \u0647\u0627\u06cc \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \ud83d\udda5\ufe0f \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0647 \u062a\u0641\u0635\u06cc\u0644 \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u0646\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u0686\u0631\u062e\u0647 \u0639\u0645\u0631 \u06a9\u0627\u0645\u0644 \u062a\u0648\u0633\u0639\u0647 \u0622\u0645\u0627\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f. \u0686\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0622\u0645\u0627\u062f\u0647 \u0634\u062f\u0646 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0645\u0635\u0627\u062d\u0628\u0647 \u0641\u0646\u06cc \u062f\u0631 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u0631\u062a\u0631 \u0628\u0627\u0634\u06cc\u062f \u0648 \u0686\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0633\u0627\u062e\u062a \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631 \u0648 \u0645\u0642\u06cc\u0627\u0633 \u067e\u0630\u06cc\u0631 \u0628\u0627\u0634\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0645\u0647\u0627\u0631\u062a \u0647\u0627\u06cc Next.js \u062e\u0648\u062f \u0631\u0627 \u062a\u0642\u0648\u06cc\u062a \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 \u0631\u0642\u0628\u0627 \u0645\u062a\u0645\u0627\u06cc\u0632 \u0634\u0648\u06cc\u062f. \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u060c \u0634\u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0648\u062f \u062a\u0627 \u0628\u0627 \u0647\u0631 \u0633\u0624\u0627\u0644 \u0645\u0635\u0627\u062d\u0628\u0647 Next.js\u060c \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0633\u0627\u0633\u06cc \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0633\u0637\u062d \u0645\u062a\u062e\u0635\u0635\u060c \u0628\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u067e\u0627\u0633\u062e \u062f\u0647\u06cc\u062f. \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u062f\u0627\u0646\u0634\u06cc \u0645\u062c\u0647\u0632 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 Next.js \u0628\u0631\u062a\u0631\u06cc \u06a9\u0646\u06cc\u062f \ud83d\ude80 \u0648 \u0628\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0642\u062f\u0645 \u062f\u0631 \u0627\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f. \u0641\u0631\u0635\u062a \u0634\u063a\u0644\u06cc \u0628\u0639\u062f\u06cc \u0634\u0645\u0627<\/p>\n

cyroscript.gumroad.com<\/p>\n

81. \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u0647\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u062f\u0631 App Router \u0686\u06cc\u0633\u062a \u0648 \u0686\u0647 \u062a\u0641\u0627\u0648\u062a\u06cc \u0628\u0627 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628 \u0635\u0641\u062d\u0627\u062a \u062f\u0627\u0631\u062f\u061f<\/p>\n

\u062f\u0631 Next.js \u0628\u0627 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0627\u0632 \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f\u06cc \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627 \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0633\u062a \u0631\u0648\u062a\u0631 \u0635\u0641\u062d\u0627\u062a \u0631\u0648\u06cc\u06a9\u0631\u062f<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647:<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u062f\u0631 App Router \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f async \u062a\u0648\u0627\u0628\u0639 \u062f\u0631 \u06a9\u062f \u0633\u0637\u062d \u062c\u0632\u0621 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f useEffect \u06cc\u0627 \u062c\u062f\u06cc\u062f getServerSideProps\u0645\u0627\u0646\u0646\u062f \u062a\u0627\u0628\u0639 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u062c\u0632\u0621 \u0627\u062f\u063a\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0633\u0637\u062d \u0635\u0641\u062d\u0647: \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 \u062e\u0648\u062f \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f\u060c \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0686\u0646\u062f\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0641\u0631\u0632\u0646\u062f \u0648 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646 \u0622\u0646 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0627\u062c\u0632\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0648\u0627\u0632\u06cc: App Router \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0686\u0646\u062f\u06cc\u0646 \u0639\u0645\u0644\u06cc\u0627\u062a \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0648\u0627\u0632\u06cc \u0627\u062c\u0631\u0627 \u06a9\u0646\u0646\u062f (\u0628\u0627 \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0646 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0648\u0639\u062f\u0647 \u0647\u0627)\u060c \u06a9\u0647 \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631 \u0627\u0632 \u0648\u0627\u06a9\u0634\u06cc \u0645\u062a\u0648\u0627\u0644\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u067e\u06cc\u062c \u0631\u0648\u062a\u0631 \u0627\u0633\u062a.<\/p>\n

\u062c\u0631\u06cc\u0627\u0646 \u0648 \u062a\u0639\u0644\u06cc\u0642: App Router \u0627\u0632 React Suspense \u0648 \u0627\u0633\u062a\u0631\u06cc\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0633\u0627\u06cc\u0631 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0647\u0646\u0648\u0632 \u062f\u0631 \u062d\u0627\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u062c\u0631\u06cc\u0627\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u062f.<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0631\u0648\u062a\u0631 \u0635\u0641\u062d\u0627\u062a:<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u062f\u0631 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628 \u0635\u0641\u062d\u0627\u062a \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0633\u0646\u062a\u06cc \u0645\u0627\u0646\u0646\u062f getServerSideProps\u060c getStaticProps\u060c \u0648 getInitialProps. \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u062f\u0631 \u0633\u0637\u062d \u0635\u0641\u062d\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0627\u06cc\u0633\u062a\u0627 \u06cc\u0627 \u0645\u062d\u062f\u0648\u062f \u0628\u0647 \u0633\u0631\u0648\u0631 \u062f\u0627\u0631\u0646\u062f.<\/p>\n

\u0628\u062f\u0648\u0646 \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u062a\u0648\u062f\u0631\u062a\u0648: \u062f\u0631 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628 \u0635\u0641\u062d\u0627\u062a\u060c \u062f\u0627\u062f\u0647 \u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u062f\u0631 \u0647\u0631 \u0635\u0641\u062d\u0647 \u0648\u0627\u06a9\u0634\u06cc \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 \u0647\u06cc\u0686 \u0645\u0641\u0647\u0648\u0645\u06cc \u0627\u0632 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u062f\u0631 \u0633\u0637\u062d \u0637\u0631\u062d \u06cc\u0627 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0648\u0627\u0632\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f.<\/p>\n

\u0631\u0646\u062f\u0631 \u0633\u0646\u06a9\u0631\u0648\u0646: \u0628\u0631 \u062e\u0644\u0627\u0641 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0648\u0627\u06a9\u0634\u06cc \u0634\u0648\u0646\u062f \u0648 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0645\u0646\u062a\u0642\u0644 \u0634\u0648\u0646\u062f\u060c \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628 \u0635\u0641\u062d\u0627\u062a \u0628\u0647 \u0637\u0648\u0631 \u0633\u0646\u062a\u06cc \u0642\u0628\u0644 \u0627\u0632 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0647 \u0645\u0646\u062a\u0638\u0631 \u0645\u06cc \u0645\u0627\u0646\u062f \u062a\u0627 \u0647\u0645\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0648\u0627\u06a9\u0634\u06cc \u0634\u0648\u0646\u062f.<\/p>\n

\u0628\u0647 \u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647:<\/p>\n

\u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u062a\u0631\u060c \u0645\u0648\u0627\u0632\u06cc \u0648 \u062c\u0631\u06cc\u0627\u0646\u06cc \u062a\u0631 \u0631\u0627 \u0628\u0627 \u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0633\u0637\u0648\u062d \u0645\u0624\u0644\u0641\u0647 \u0648 \u0686\u06cc\u062f\u0645\u0627\u0646 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0631\u0648\u062a\u0631 \u0635\u0641\u062d\u0627\u062a \u0645\u062a\u06a9\u06cc \u0628\u0631 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0648 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u062e\u0627\u0635 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a.<\/p>\n

82. \u0646\u0642\u0634 \u0686\u06cc\u0633\u062a async \u0627\u062c\u0632\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 Next.js\u060c \u0648 \u0686\u0631\u0627 \u062f\u0631 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0641\u06cc\u062f \u0647\u0633\u062a\u0646\u062f\u061f<\/p>\n

\u062f\u0631 Next.js \u0628\u0627 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u060c async \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0647\u0627 \u0628\u0631\u0627\u06cc \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 (SSR) \u0628\u0631\u0627\u06cc \u0627\u062c\u0632\u0627\u06cc\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0627\u0631\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 \u0645\u0624\u0644\u0641\u0647 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u06cc\u0627 API \u062e\u0627\u0631\u062c\u06cc \u0648\u0627\u06a9\u0634\u06cc \u0634\u0648\u0646\u062f\u060c \u0645\u0641\u06cc\u062f \u0647\u0633\u062a\u0646\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 async \u0627\u062c\u0632\u0627 \u0628\u0647 Next.js \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u0631\u0646\u062f\u0631 \u0628\u0627 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0646\u062f\u0631 \u0634\u062f\u0646 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u062f\u0631 \u0633\u0631\u0648\u0631\u060c \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0633\u0626\u0648.<\/p>\n

\u0686\u0631\u0627 \u0622\u0646\u0647\u0627 \u062f\u0631 App Router \u0645\u0641\u06cc\u062f \u0647\u0633\u062a\u0646\u062f\u061f<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a: async \u0627\u062c\u0632\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0648\u0627\u0632\u06cc\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0686\u0646\u062f\u06cc\u0646 \u0642\u0637\u0639\u0647 \u062f\u0627\u062f\u0647 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0648\u0627\u0632\u06cc \u062f\u0631 \u0637\u0648\u0644 SSR \u06cc\u0627 \u062f\u0631 \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627 \u0648\u0627\u06a9\u0634\u06cc \u06a9\u0631\u062f \u06a9\u0647 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u0628\u062e\u0634\u062f.<\/p>\n

\u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u0642\u0648\u06cc\u062a \u0634\u062f\u0647: \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0627\u0632 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u0648\u0627\u06a9\u0634\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0646\u062f\u0631 \u0628\u0647 \u0645\u0624\u0644\u0641\u0647 \u0645\u0646\u062a\u0642\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0646\u062a\u0638\u0627\u0631 \u0631\u0648\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc \u0631\u0627 \u0627\u0632 \u0628\u06cc\u0646 \u0645\u06cc\u200c\u0628\u0631\u062f \u0648 \u0645\u0646\u062c\u0631 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n

\u0627\u062f\u063a\u0627\u0645 \u0628\u0627 Suspense: async \u0645\u0627\u0647\u06cc\u062a \u0627\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0628\u0627 React 18's Suspense \u0627\u062f\u063a\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0628\u0647 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u00ab\u062a\u0639\u0644\u06cc\u0642\u00bb \u0631\u0646\u062f\u0631\u06cc\u0646\u06af \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0648\u0627\u06a9\u0634\u06cc \u0634\u0648\u0646\u062f\u060c \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc\u200c\u0628\u062e\u0634\u062f \u0648 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

83. \u0686\u06af\u0648\u0646\u0647 App Router \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062c\u062f\u06cc\u062f React 18 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f\u061f<\/p>\n

\u0631\u0627 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0639\u0645\u062f\u062a\u0627\u064b \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc React 18 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0639\u0644\u06cc\u0642 \u0648 \u0631\u0646\u062f\u0631 \u0647\u0645\u0632\u0645\u0627\u0646. \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0628\u0647 Next.js \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u062a\u0627 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0634\u06cc\u0648\u0647\u200c\u0627\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631\u060c \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u062a\u0631 \u0648 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f:<\/p>\n

\u062a\u0639\u0644\u06cc\u0642 \u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627:<\/p>\n

\u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f \u062a\u0639\u0644\u06cc\u0642\u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627\u06cc React \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0645\u0646\u062a\u0638\u0631 \u062a\u06a9\u0645\u06cc\u0644 \u0639\u0645\u0644\u06cc\u0627\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 (\u0645\u0627\u0646\u0646\u062f \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647) \u0647\u0633\u062a\u0646\u062f\u060c \u0631\u0646\u062f\u0631 \u0631\u0627 \u0628\u0647 \u062d\u0627\u0644\u062a \u062a\u0639\u0644\u06cc\u0642 \u062f\u0631\u0622\u0648\u0631\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062d\u0627\u0644\u062a \u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u0639\u0645\u0644\u06cc\u0627\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0631 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0627 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.
\n\u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0631 \u062e\u0648\u062f \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f \u0648 Suspense \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0648\u0636\u0639\u06cc\u062a\u200c\u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc \u0645\u0646\u062a\u0638\u0631 \u062f\u0627\u062f\u0647 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0631\u0646\u062f\u0631 \u0647\u0645\u0632\u0645\u0627\u0646:<\/p>\n

\u0628\u0627 React 18 \u0631\u0646\u062f\u0631 \u0647\u0645\u0632\u0645\u0627\u0646\u060c Next.js \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0624\u0644\u0641\u0647 \u0647\u0627 \u0631\u0627 \u062f\u0631 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0631\u0646\u062f\u0631 \u06a9\u0646\u062f \u0648 \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627\u06cc \u0628\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u0628\u0627\u0644\u0627 \u0631\u0627 \u062f\u0631 \u0627\u0648\u0644\u0648\u06cc\u062a \u0642\u0631\u0627\u0631 \u062f\u0647\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0631\u0646\u062f\u0631 \u0627\u062a\u0641\u0627\u0642 \u0628\u06cc\u0641\u062a\u062f \u0648 React \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062a\u0635\u0645\u06cc\u0645 \u0628\u06af\u06cc\u0631\u062f \u06a9\u0647 \u06a9\u062f\u0627\u0645 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627 \u0631\u0627 \u0627\u0628\u062a\u062f\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0647\u0645\u06cc\u062a \u0631\u0646\u062f\u0631 \u06a9\u0646\u062f \u06a9\u0647 \u0645\u0646\u062c\u0631 \u0628\u0647 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0635\u0641\u062d\u0647 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.
\n\u0631\u0627 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0632\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0628\u0647 \u0686\u0646\u062f\u06cc\u0646 \u0639\u0645\u0644\u06cc\u0627\u062a \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u0646\u062f \u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0627\u062a \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc\u06cc \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0645\u062e\u062a\u0644\u0641 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f \u0622\u0633\u0627\u0646 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u062c\u0631\u06cc\u0627\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627:<\/p>\n

App Router \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0648\u0627\u0632\u06cc \u067e\u062e\u0634 \u0634\u0648\u0646\u062f\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0645\u0646\u062a\u0638\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u0633\u0627\u06cc\u0631 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0647\u0633\u062a\u06cc\u062f\u060c \u0628\u062e\u0634 \u0647\u0627\u06cc\u06cc \u0627\u0632 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0631\u0646\u062f\u0631 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0632\u0645\u0627\u0646 \u062a\u0627 \u0627\u0648\u0644 \u0628\u0627\u06cc\u062a (TTFB) \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0645\u0637\u0627\u0644\u0628 \u0631\u0627 \u0633\u0631\u06cc\u0639\u062a\u0631 \u0628\u0628\u06cc\u0646\u0646\u062f.<\/p>\n

\u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627:<\/p>\n

\u0633\u06cc\u0633\u062a\u0645 \u0686\u06cc\u062f\u0645\u0627\u0646 App Router \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0637\u0648\u062d \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062f\u0631 \u0633\u0637\u062d \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0628\u0647 \u062c\u0627\u06cc \u0647\u0631 \u0635\u0641\u062d\u0647 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u060c \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0648 \u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0686\u0646\u062f\u06cc\u0646 \u0635\u0641\u062d\u0647 \u06cc\u0627 \u0645\u0624\u0644\u0641\u0647 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

84. \u0686\u0647 \u0686\u06cc\u0632\u06cc \u062c\u062f\u06cc\u062f \u0627\u0633\u062a use \u0647\u0648\u06a9 \u06a9\u0631\u062f\u0646\u060c \u0648 \u0686\u06af\u0648\u0646\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0647\u0645\u06af\u0627\u0645 \u062f\u0631 Next.js \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f\u061f<\/p>\n

\u0631\u0627 use \u0642\u0644\u0627\u0628 \u0648\u06cc\u0698\u06af\u06cc \u062c\u062f\u06cc\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 React 18 \u0645\u0639\u0631\u0641\u06cc \u0634\u062f\u0647 \u0648 \u0628\u0627 \u0631\u0648\u062a\u0631 App \u062f\u0631 Next.js \u0627\u062f\u063a\u0627\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0639\u0627\u062f\u062a \u062f\u0627\u0631\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u0648\u0627\u06a9\u0634\u06cc \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u060c \u0648\u0627\u06a9\u0634\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0647\u0645\u06af\u0627\u0645 \u062f\u0631 \u06cc\u06a9 \u0645\u0624\u0644\u0641\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0631\u0627 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0648 \u0634\u0641\u0627\u0641\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0631\u0627 use \u0642\u0644\u0627\u0628 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0648\u0627\u06a9\u0646\u0634 \u0647\u0645\u0632\u0645\u0627\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0648\u0639\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc React \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

\u0686\u06af\u0648\u0646\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc async \u0631\u0627 \u062f\u0631 Next.js \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f\u061f<\/p>\n

\u0633\u0627\u062f\u06af\u06cc: \u0628\u0647 \u062c\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 useEffect \u0648 useState \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0686\u0631\u062e\u0647 \u062d\u06cc\u0627\u062a \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646\u060c use \u0642\u0644\u0627\u0628 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0645\u0646\u062a\u0638\u0631 \u0648\u0639\u062f\u0647 \u0647\u0627 \u0628\u0627\u0634\u06cc\u062f \u0628\u0631\u0627\u06cc \u062d\u0644 \u0648 \u0641\u0635\u0644 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0627\u062f\u0647 \u0647\u0627 \u067e\u0633 \u0627\u0632 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0628\u0648\u062f\u0646.<\/p>\n

\u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0633\u0627\u0632\u06cc \u062a\u0639\u0644\u06cc\u0642 \u062e\u0648\u062f\u06a9\u0627\u0631: use \u0642\u0644\u0627\u0628 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u062a\u0639\u0644\u06cc\u0642\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0627\u06af\u0631 \u06cc\u06a9 \u062c\u0632\u0621 \u0627\u0632 use \u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u060c React \u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0631\u0627 \u062a\u0639\u0644\u06cc\u0642 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0628\u0627\u0634\u0646\u062f\u060c \u0648 \u062f\u0631 \u0627\u06cc\u0646 \u0641\u0627\u0635\u0644\u0647 \u062d\u0627\u0644\u062a \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062f\u0633\u062a \u0632\u062f\u0646 \u0628\u0647 \u062d\u0627\u0644\u062a \u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06cc\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u0644\u0627\u0628 \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u0627\u0632 \u0628\u06cc\u0646 \u0645\u06cc \u0628\u0631\u062f.<\/p>\n

\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0631\u0646\u062f\u0631 \u0647\u0645\u0632\u0645\u0627\u0646: use \u0642\u0644\u0627\u0628 \u0628\u0647\u0631\u0647 \u0645\u06cc \u0628\u0631\u062f \u0631\u0646\u062f\u0631 \u0647\u0645\u0632\u0645\u0627\u0646 React \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0645\u0648\u0627\u0632\u0627\u062a \u0633\u0627\u06cc\u0631 \u0639\u0645\u0644\u06cc\u0627\u062a \u0631\u0646\u062f\u0631 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u0628\u062e\u0634\u062f \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0639\u0645\u0644\u06cc\u0627\u062a \u0647\u0645\u06af\u0627\u0645 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u062f\u06cc\u06af \u0628\u062e\u0627\u0631 \u06a9\u0627\u0647\u0634 \u06cc\u0627\u0641\u062a\u0647: \u0628\u0647 \u0637\u0648\u0631 \u0633\u0646\u062a\u06cc\u060c \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0631 React \u0634\u0627\u0645\u0644 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc\u060c \u062e\u0637\u0627 \u0648 \u0648\u0636\u0639\u06cc\u062a \u0647\u0627\u06cc \u0645\u0648\u0641\u0642\u06cc\u062a \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u0644\u0627\u0628 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f useState \u0648 useEffect. \u0631\u0627 use \u0647\u0648\u06a9 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0627 \u06a9\u0646\u062a\u0631\u0644 \u0648\u0636\u0648\u062d \u0648\u0639\u062f\u0647 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0627\u062c\u0632\u0627\u060c \u06a9\u0627\u0647\u0634 \u06a9\u062f \u062f\u06cc\u06af \u0628\u062e\u0627\u0631 \u0648 \u062a\u0645\u06cc\u0632\u062a\u0631 \u0648 \u0645\u062e\u062a\u0635\u0631\u062a\u0631 \u06a9\u0631\u062f\u0646 \u067e\u0627\u06cc\u0647 \u06a9\u062f\u060c \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\u062e\u0644\u0627\u0635\u0647:<\/p>\n

async \u0627\u062c\u0632\u0627\u0621 \u0628\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0646\u062f\u0631\u060c \u0627\u0645\u06a9\u0627\u0646 \u0648\u0627\u06a9\u0634\u06cc \u0648 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u0628\u062e\u0634\u062f.<\/p>\n

React 18 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0627\u0646\u0646\u062f Suspense \u0648 Concurrent Rendering \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0628\u0627 App Router \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0648\u0627\u06a9\u0634\u06cc \u0645\u0648\u0627\u0632\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0627 \u0631\u0646\u062f\u0631 \u0633\u0631\u06cc\u0639\u062a\u0631 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u0628\u062e\u0634\u062f.
\n\u0631\u0627 use \u0642\u0644\u0627\u0628 \u0628\u0627 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0648\u0627\u06a9\u0634\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0627\u0632 \u0648\u0639\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0642\u0637\u0639\u0627\u062a\u060c \u06a9\u0627\u0647\u0634 \u0635\u0641\u062d\u0647 \u062f\u06cc\u06af \u0628\u062e\u0627\u0631 \u0648 \u0627\u062f\u063a\u0627\u0645 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 Suspense\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0647\u0645\u06af\u0627\u0645 \u0631\u0627 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

84. \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u062f\u0631 App Router \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f\u061f<\/p>\n

\u062f\u0631 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u06a9\u0646\u062a\u0631\u0644 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648\u06cc \u067e\u0648\u06cc\u0627 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 useSearchParams \u0642\u0644\u0627\u0628 \u06cc\u0627 \u0628\u0627 \u062e\u0648\u0627\u0646\u062f\u0646 \u0631\u0634\u062a\u0647 \u067e\u0631\u0633 \u0648 \u062c\u0648 \u062f\u0631 \u0645\u0646\u0637\u0642 \u0635\u0641\u062d\u0647 \u06cc\u0627 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u062e\u0648\u062f. \u0631\u0627 useSearchParams \u0647\u0648\u06a9 \u062a\u0648\u0633\u0637 React \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u062f\u0631 \u06cc\u06a9 \u062c\u0632\u0621 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

\u0645\u062b\u0627\u0644 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 useSearchParams:<\/p>\n

import { useSearchParams } from ‘next\/navigation’;<\/p>\n

export default function Page() {
\n const searchParams = useSearchParams();
\n const searchTerm = searchParams.get(‘search’) || ”;<\/p>\n

return (
\n <div>
\n <h1>Search Results for: {searchTerm}h1>
\n {\/* Render search results based on the searchTerm *\/}
\n div>
\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\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u067e\u0648\u06cc\u0627 \u0628\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u067e\u0631\u0633 \u0648 \u062c\u0648: \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0647 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u067e\u0631\u0633 \u0648 \u062c\u0648 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u0648 \u0627\u0642\u062f\u0627\u0645\u0627\u062a\u06cc \u0645\u0627\u0646\u0646\u062f \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0639\u0628\u0627\u0631\u0627\u062a \u062c\u0633\u062a\u062c\u0648 \u06cc\u0627 \u0627\u0639\u0645\u0627\u0644 \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.<\/p>\n

\u062f\u0633\u062a\u06a9\u0627\u0631\u06cc URL: \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f useSearchParams \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc URL \u0628\u0631 \u0627\u0633\u0627\u0633 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0635\u0641\u062d\u0647\u060c \u0645\u0627\u0646\u0646\u062f \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 \u06cc\u0627 \u0639\u0628\u0627\u0631\u062a \u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648.<\/p>\n

85. \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0628\u0627 App Router \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f\u061f<\/p>\n

\u062f\u0631 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f \u062a\u0627 \u062a\u062d\u0648\u06cc\u0644 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0628\u0647\u06cc\u0646\u0647 \u0634\u0648\u062f. Next.js \u0628\u0633\u062a\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0633\u06cc\u0631\u0647\u0627 \u0648 \u0645\u0624\u0644\u0641\u0647 \u0647\u0627 \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0641\u0642\u0637 \u06a9\u062f \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0635\u0641\u062d\u0647 \u0641\u0639\u0644\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u062f\u0631 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647:<\/p>\n

\u062a\u0642\u0633\u06cc\u0645 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0633\u06cc\u0631: \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u062e\u0627\u0635 \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc \u0634\u0648\u062f\u060c \u0641\u0642\u0637 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0645\u0633\u06cc\u0631 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u06a9\u0627\u0647\u0634 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 (SSR) \u0648 \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc (CSR): App Router \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0631\u0627 \u0628\u0627 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 (\u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 SSR) \u0648 \u0633\u067e\u0633 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u062f \u0627\u0636\u0627\u0641\u06cc \u062f\u0631 \u0635\u0648\u0631\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0646\u06af\u0627\u0645 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0628\u06cc\u0646 \u0635\u0641\u062d\u0627\u062a \u06cc\u0627 \u0645\u0633\u06cc\u0631\u0647\u0627 \u062f\u0631 \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc\u060c \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u062a\u0639\u0644\u06cc\u0642 \u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644: App Router \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0627 React Suspense \u0628\u0647 \u0627\u062c\u0632\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644\u06cc \u06a9\u0627\u0631 \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc\u06cc \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0634\u0648\u0646\u062f \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644 \u0628\u0627 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f:<\/p>\n

import dynamic from ‘next\/dynamic’;<\/p>\n

const DynamicComponent = dynamic(() => import(‘.\/DynamicComponent’), {
\n loading: () => <p>Loading…p>,
\n});<\/p>\n

export default function Page() {
\n return (
\n <div>
\n <h1>Page with dynamic componenth1>
\n <DynamicComponent \/>
\n div>
\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

\u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0627\u062c\u0632\u0627 \u0648 \u0645\u0633\u06cc\u0631\u0647\u0627 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n

86. App Router \u0686\u06af\u0648\u0646\u0647 \u0627\u0632 Route Groups \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0628\u0631\u0627\u06cc \u0686\u0647 \u0645\u0648\u0627\u0631\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f\u061f<\/p>\n

\u062f\u0631 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u06af\u0631\u0648\u0647 \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u062e\u0648\u062f \u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f \u0637\u0631\u062d \u0628\u0646\u062f\u06cc\u060c \u0627\u062c\u0632\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9\u060c \u06cc\u0627 \u0645\u06cc\u0627\u0646 \u0627\u0641\u0632\u0627\u0631\u0647\u0627 \u0628\u0647 \u06af\u0631\u0648\u0647 \u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0627\u0632 \u0635\u0641\u062d\u0627\u062a \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0633\u0627\u062e\u062a\u0627\u0631 URL.<\/p>\n

Route Groups \u0628\u0631\u0627\u06cc \u0686\u0647 \u0645\u0648\u0627\u0631\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f\u061f<\/p>\n

\u06af\u0631\u0648\u0647 \u0628\u0646\u062f\u06cc \u0645\u0633\u06cc\u0631\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0646\u0637\u0642\u06cc: \u06af\u0631\u0648\u0647\u200c\u0647\u0627\u06cc \u0645\u0633\u06cc\u0631 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u062a\u0627 \u062a\u0642\u0633\u06cc\u0645\u0627\u062a \u0645\u0646\u0637\u0642\u06cc \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 URL \u062a\u0645\u06cc\u0632\u06cc \u0631\u0627 \u062d\u0641\u0638 \u06a9\u0646\u0646\u062f.<\/p>\n

\u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 \u06cc\u0627 \u0627\u062c\u0632\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9: \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f \u0628\u062f\u0648\u0646 \u062a\u0623\u062b\u06cc\u0631 \u0628\u0631 URL \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u06af\u0631\u0648\u0647\u06cc \u0627\u0632 \u0635\u0641\u062d\u0627\u062a \u06a9\u0647 \u06cc\u06a9 \u0646\u0648\u0627\u0631 \u06a9\u0646\u0627\u0631\u06cc \u06cc\u0627 \u0633\u0631\u0635\u0641\u062d\u0647 \u0645\u0634\u062a\u0631\u06a9 \u0631\u0627 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0645\u06cc \u06af\u0630\u0627\u0631\u0646\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u062a\u062d\u062a \u06cc\u06a9 \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0648\u0627\u062d\u062f \u0628\u0627 \u0647\u0645 \u06af\u0631\u0648\u0647 \u0628\u0646\u062f\u06cc \u0634\u0648\u0646\u062f.<\/p>\n

\u0686\u06cc\u062f\u0645\u0627\u0646 \u0647\u0627\u06cc \u062a\u0648 \u062f\u0631 \u062a\u0648: \u06af\u0631\u0648\u0647\u200c\u0647\u0627\u06cc \u0645\u0633\u06cc\u0631 \u0627\u0632 \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u062a\u0648\u062f\u0631\u062a\u0648 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0628\u0631 \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u0635\u0641\u062d\u0647\u060c \u0645\u0627\u0646\u0646\u062f \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0631\u0627\u06cc \u0635\u0641\u062d\u0627\u062a \u0645\u062f\u06cc\u0631\u06cc\u062a \u06cc\u0627 \u0635\u0641\u062d\u0627\u062a \u0639\u0645\u0648\u0645\u06cc\u060c \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n

\u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u06af\u0631\u0648\u0647 \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631:<\/p>\n

\/app\/
\n \u251c\u2500\u2500 dashboard\/
\n \u2502 \u2514\u2500\u2500 page.js
\n \u251c\u2500\u2500 admin\/
\n \u2502 \u2514\u2500\u2500 page.js
\n \u2514\u2500\u2500 public\/
\n \u2514\u2500\u2500 page.js<\/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

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644:<\/p>\n

dashboard\/\u060c admin\/\u060c \u0648 public\/ \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u06af\u0631\u0648\u0647 \u0628\u0646\u062f\u06cc \u0645\u0646\u0637\u0642\u06cc \u0635\u0641\u062d\u0627\u062a
\n\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u0631\u0627 \u0628\u0647 \u0647\u0631 \u06af\u0631\u0648\u0647 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0647\u06cc\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 AdminLayout \u0628\u0631\u0627\u06cc admin\/ \u06af\u0631\u0648\u0647 \u06cc\u0627 \u0627\u0644\u0641 PublicLayout \u0628\u0631\u0627\u06cc public\/ \u06af\u0631\u0648\u0647<\/p>\n

\u0646\u062d\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u06af\u0631\u0648\u0647 \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631:\u06af\u0631\u0648\u0647 \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 ()\u060c \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0633\u06cc\u0631 \u0648\u0627\u0642\u0639\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n

\/app\/
\n \u251c\u2500\u2500 (admin)\/
\n \u2502 \u2514\u2500\u2500 page.js \/\/ Admin group route
\n \u251c\u2500\u2500 (public)\/
\n \u2502 \u2514\u2500\u2500 page.js \/\/ Public group route<\/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

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f\u060c \u0645\u0633\u06cc\u0631 URL \u0634\u0627\u0645\u0644 \u0646\u0645\u06cc \u0634\u0648\u062f (admin) \u06cc\u0627 (public)\u060c \u0627\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0645\u0633\u06cc\u0631\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0628\u062e\u0634 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\u062e\u0644\u0627\u0635\u0647:<\/p>\n

\u06a9\u0646\u062a\u0631\u0644 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648: \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0647 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u062f\u0631 App Router \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f useSearchParams \u06cc\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0631\u0634\u062a\u0647 \u067e\u0631\u0633 \u0648 \u062c\u0648 \u062f\u0631 \u06a9\u062f \u0633\u0645\u062a \u0633\u0631\u0648\u0631.<\/p>\n

\u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f: App Router \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u062f\u0647\u0627 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0633\u06cc\u0631\u0647\u0627\u060c \u0645\u0624\u0644\u0641\u0647 \u0647\u0627 \u0648 \u0635\u0641\u062d\u0627\u062a \u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 SSR \u0648 CSR \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u06af\u0631\u0648\u0647 \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631: \u0627\u06cc\u0646\u0647\u0627 \u0628\u0647 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0645\u0646\u0637\u0642\u06cc \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 URL \u062a\u0645\u06cc\u0632\u06cc \u0631\u0627 \u062d\u0641\u0638 \u0645\u06cc \u06a9\u0646\u0646\u062f\u060c \u0627\u0632 \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0641\u0639\u0627\u0644 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n

87. \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0628\u0632\u0631\u06af Next.js \u0628\u0627 App Router \u0686\u06cc\u0633\u062a\u061f<\/p>\n

\u0647\u0646\u06af\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0628\u0632\u0631\u06af Next.js \u0628\u0627 \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0645\u0642\u06cc\u0627\u0633 \u067e\u0630\u06cc\u0631\u06cc\u060c \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648 \u0645\u062f\u0648\u0644\u0627\u0631 \u0628\u0648\u062f\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0628\u0632\u0631\u06af \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n

1. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f app\/ \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647<\/p>\n

\u0628\u0627 Next.js 13 \u0648 App Router\u060c \u0627\u0632 app\/ \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u0628\u0647 \u062c\u0627\u06cc \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0633\u0646\u062a\u06cc pages\/ \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062a\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u062a\u0648 \u062f\u0631 \u062a\u0648\u060c \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627 \u0648 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0645\u0648\u0627\u0632\u06cc \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u062a\u0631 \u0636\u0631\u0648\u0631\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n

\u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc:<\/p>\n

\u0627\u0632 \u06cc\u06a9 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0646\u0627\u0645\u06af\u0630\u0627\u0631\u06cc \u0648\u0627\u0636\u062d \u0648 \u062b\u0627\u0628\u062a \u0628\u0631\u0627\u06cc \u0641\u0647\u0631\u0633\u062a \u0647\u0627 \u0648 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u062a\u0627\u0646 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u06cc\u060c \u0645\u0627\u0646\u0646\u062f \u062f\u0627\u0634\u062a\u0646 \u067e\u0648\u0634\u0647\u200c\u0647\u0627\u06cc \u0645\u062c\u0632\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u06cc\u0627 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n

\u0645\u062b\u0627\u0644:
\napp\/
\n\u251c\u2500\u2500 dashboard\/
\n\u2502 \u251c\u2500\u2500 page.js # Dashboard main page
\n\u2502 \u251c\u2500\u2500 settings\/ # Nested route
\n\u2502 \u2502 \u2514\u2500\u2500 page.js
\n\u251c\u2500\u2500 auth\/ # Authentication-related pages
\n\u2502 \u251c\u2500\u2500 login\/
\n\u2502 \u2514\u2500\u2500 register\/
\n\u251c\u2500\u2500 user\/
\n\u2502 \u251c\u2500\u2500 profile\/
\n\u2502 \u2514\u2500\u2500 account\/
\n\u2514\u2500\u2500 layout.js # Layout for the whole app<\/p>\n

2. \u0627\u0632 Layouts \u0628\u0631\u0627\u06cc Common UI \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n

\u0627\u0647\u0631\u0645 \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u06a9\u0631\u0627\u0631 \u0648 \u062d\u0641\u0638 \u0637\u0631\u0627\u062d\u06cc \u062b\u0627\u0628\u062a \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u06cc\u0627 \u0628\u062e\u0634 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f. \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc \u0627\u062c\u0632\u0627\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u0646\u0648\u0627\u0631\u0647\u0627\u06cc \u067e\u06cc\u0645\u0627\u06cc\u0634\u060c \u067e\u0627\u0648\u0631\u0642\u06cc\u060c \u06cc\u0627 \u0646\u0648\u0627\u0631\u0647\u0627\u06cc \u06a9\u0646\u0627\u0631\u06cc \u0628\u062f\u0648\u0646 \u062a\u06a9\u0631\u0627\u0631 \u06a9\u062f \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n

\u062a\u0642\u0633\u06cc\u0645 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627 (\u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0648\u06cc\u0698\u06af\u06cc)<\/p>\n

\u06cc\u06a9 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627\u060c \u0645\u0642\u06cc\u0627\u0633 \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0622\u0646 \u0631\u0627 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f. \u0647\u0631 \u0648\u06cc\u0698\u06af\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u062e\u0627\u0635 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0627\u062c\u0632\u0627\u06cc \u0644\u0627\u0632\u0645\u060c \u0642\u0644\u0627\u0628 \u0647\u0627 \u0648 \u062a\u0648\u0627\u0628\u0639 \u0627\u0628\u0632\u0627\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/p>\n

\u0645\u0633\u06cc\u0631\u0647\u0627\u06cc API \u0631\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f<\/p>\n

\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f app\/api\/ \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc API. \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0648\u06cc\u0698\u06af\u06cc \u06cc\u0627 \u062f\u0627\u0645\u0646\u0647 \u0645\u0631\u062a\u0628\u0637 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u062f \u062e\u0648\u062f \u0631\u0627 \u0645\u0627\u0698\u0648\u0644\u0627\u0631 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0622\u0646 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0628\u0627\u0634\u062f.<\/p>\n

\u0628\u0631\u0627\u06cc \u062a\u0627\u06cc\u067e \u0642\u0648\u06cc \u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n

\u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u062a\u0631\u060c TypeScript \u0628\u0633\u06cc\u0627\u0631 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f \u0632\u06cc\u0631\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u06a9\u062f \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u0628\u062e\u0634\u062f\u060c \u062a\u06a9\u0645\u06cc\u0644 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f. \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648 \u0645\u0642\u06cc\u0627\u0633 \u067e\u0630\u06cc\u0631\u06cc \u0628\u0647\u062a\u0631\u060c \u0627\u0646\u0648\u0627\u0639 props\u060c \u0648\u0636\u0639\u06cc\u062a \u0647\u0627 \u0648 \u067e\u0627\u0633\u062e \u0647\u0627\u06cc API \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0627\u0632 \u0645\u06cc\u0627\u0646 \u0627\u0641\u0632\u0627\u0631 API \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n

\u0628\u0631\u0627\u06cc \u0645\u0646\u0637\u0642 \u0645\u0634\u062a\u0631\u06a9 (\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0628\u0631\u0631\u0633\u06cc \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a\u060c \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645\u060c \u06cc\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc)\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0645\u06cc\u0627\u0646 \u0627\u0641\u0632\u0627\u0631 \u062f\u0631 app\/api\/ \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u06a9\u0631\u0627\u0631 \u0645\u0646\u0637\u0642 \u062f\u0631 \u0686\u0646\u062f\u06cc\u0646 \u0645\u0633\u06cc\u0631 API.<\/p>\n

\u0645\u062b\u0627\u0644:
\n\/\/ app\/api\/middleware.js
\nexport async function checkAuth(req, res, next) {
\n const token = req.headers[‘Authorization’];
\n if (!token) return res.status(401).json({ message: ‘Unauthorized’ });<\/p>\n

try {
\n \/\/ verify token logic here
\n next();
\n } catch (error) {
\n return res.status(401).json({ message: ‘Unauthorized’ });
\n }
\n}<\/p>\n

\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0648\u0627\u06a9\u0634\u06cc \u0648 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627<\/p>\n

\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc (ISR) \u06cc\u0627 \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 (SSR) \u0628\u0631\u0627\u06cc \u0635\u0641\u062d\u0627\u062a\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0628\u0644\u0627\u062f\u0631\u0646\u06af \u06cc\u0627 \u067e\u0648\u06cc\u0627 \u0648 \u062a\u0648\u0644\u06cc\u062f \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062f\u0627\u0631\u0646\u062f (getStaticProps) \u0628\u0631\u0627\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0631\u062a\u0628\u0627\u064b \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc \u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u062f\u0627\u062f\u0647 \u0647\u0627\u060c \u0627\u06cc\u0646 \u0631\u0627 \u0628\u0627 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0648 \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u062a\u0631\u06a9\u06cc\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0645\u062b\u0627\u0644:
\nexport async function getStaticProps() {
\n const res = await fetch(”);
\n const posts = await res.json();<\/p>\n

return {
\n props: { posts },
\n revalidate: 60, \/\/ Revalidate after 60 seconds
\n };
\n}<\/p>\n

\u0627\u0632 \u0642\u0644\u0627\u0628 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0631\u0627\u06cc \u0645\u0646\u0637\u0642 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n

\u0645\u0646\u0637\u0642 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0645\u0627\u0646\u0646\u062f \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0641\u0631\u0645 \u06cc\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u0627\u0644\u062a \u0631\u0627 \u062f\u0631 \u0642\u0644\u0627\u0628 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u067e\u0633\u0648\u0644\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u06a9\u062f\u0647\u0627\u06cc \u062a\u0645\u06cc\u0632 \u0648 DRY \u0631\u0627 \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0627\u0632 \u062a\u06a9\u0631\u0627\u0631 \u062f\u0631 \u0627\u062c\u0632\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0645\u062b\u0627\u0644:
\n\/\/ hooks\/useFetch.js
\nexport const useFetch = (url) => {
\n const [data, setData] = useState(null);
\n const [error, setError] = useState(null);<\/p>\n

useEffect(() => {
\n const fetchData = async () => {
\n try {
\n const response = await fetch(url);
\n const result = await response.json();
\n setData(result);
\n } catch (error) {
\n setError(error);
\n }
\n };
\n fetchData();
\n }, [url]);<\/p>\n

return { data, error };
\n};<\/p>\n

\u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0627\u0647\u0631\u0645\u06cc \u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644<\/p>\n

\u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af Next.js\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0648\u0627\u0631\u062f\u0627\u062a \u067e\u0648\u06cc\u0627 \u0628\u0631\u0627\u06cc \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644 \u0627\u062c\u0632\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0648\u0631\u0627 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0646\u06cc\u0633\u062a\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u06a9\u0627\u0647\u0634 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627\u0646\u062f\u0644 \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0645\u062b\u0627\u0644:
\nimport dynamic from ‘next\/dynamic’;<\/p>\n

const DynamicComponent = dynamic(() => import(‘..\/components\/DynamicComponent’), {
\n ssr: false, \/\/ Disable server-side rendering for this component
\n});<\/p>\n

function Page() {
\n return <DynamicComponent \/>;
\n}<\/p>\n

\u0645\u062f\u06cc\u0631\u06cc\u062a \u062c\u0647\u0627\u0646\u06cc \u062f\u0648\u0644\u062a \u0631\u0627 \u0628\u0627 \u062f\u0642\u062a \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f<\/p>\n

\u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af Next.js\u060c \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React Context\u060c Redux\u060c \u06cc\u0627 \u0648\u0636\u0639\u06cc\u062a \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0648\u0644\u062a\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0628\u0627\u0634\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u0631\u0627\u0642\u0628 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0627\u06cc\u0627\u0644\u062a \u062f\u0631 \u06a9\u062c\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0627\u0632 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u06a9\u0631\u062f\u0646 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u06cc\u0627\u0644\u062a \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0627\u06af\u0631 \u0641\u0642\u0637 \u0628\u062e\u0634 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u06cc \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0622\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/p>\n

\u0645\u062b\u0627\u0644 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React Context:
\nconst MyContext = createContext();<\/p>\n

export function MyProvider({ children }) {
\n const [state, setState] = useState(‘initial state’);<\/p>\n

return (
\n <MyContext.Provider value={{ state, setState }}>
\n {children}
\n MyContext.Provider>
\n );
\n}<\/p>\n

\u062e\u0644\u0627\u0635\u0647:<\/p>\n

\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f app\/ \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u0648 \u0686\u06cc\u062f\u0645\u0627\u0646 \u0647\u0627<\/p>\n

\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0631\u0627 \u062f\u0631 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627\u062d\u062a \u062a\u0631<\/p>\n

\u0645\u0633\u06cc\u0631\u0647\u0627\u06cc API \u0631\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f \u062f\u0631 app\/api\/ \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc<\/p>\n

\u0627\u0647\u0631\u0645 TypeScript \u0628\u0631\u0627\u06cc \u062a\u0627\u06cc\u067e \u0642\u0648\u06cc<\/p>\n

\u0627\u0632 \u0645\u06cc\u0627\u0646 \u0627\u0641\u0632\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0645\u0646\u0637\u0642 \u0645\u0634\u062a\u0631\u06a9 \u062f\u0631 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc API.<\/p>\n

\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0627 SSR\u060c SSG \u0648 ISR.<\/p>\n

\u0627\u0632 \u0642\u0644\u0627\u0628 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0645\u0646\u0637\u0642 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f<\/p>\n

\u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0631\u0627 \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0628\u0627 \u0648\u0627\u0631\u062f\u0627\u062a \u067e\u0648\u06cc\u0627<\/p>\n

\u062f\u0648\u0644\u062a \u062c\u0647\u0627\u0646\u06cc \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f \u0628\u0627 \u062f\u0642\u062a \u0628\u0627 React Context \u06cc\u0627 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u06cc\u0627\u0644\u062a.<\/p>\n

\u067e\u06cc\u0631\u0648\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647 \u0647\u0627 \u0628\u0647 \u062d\u0641\u0638 \u06a9\u062f \u062a\u0645\u06cc\u0632\u060c \u0645\u0642\u06cc\u0627\u0633 \u067e\u0630\u06cc\u0631 \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0628\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af Next.js \u0628\u0627 \u0631\u0648\u062a\u0631 App \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

88. \u0645\u0631\u0627\u062d\u0644 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0642\u0627\u0628\u0644\u06cc\u062a \u062b\u0628\u062a \u0646\u0627\u0645\/\u0648\u0631\u0648\u062f \u062f\u0631 Next.js \u0686\u06cc\u0633\u062a\u061f<\/p>\n

\u06af\u0631\u0641\u062a\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u0628\u0631\u06cc: \u0641\u0631\u0645\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u0631\u0633\u0627\u0644\u060c \u06cc\u06a9 \u0627\u0642\u062f\u0627\u0645 \u0633\u0631\u0648\u0631 \u0631\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u0641\u0631\u0645 \u0631\u0627 \u062f\u0631 \u0633\u0631\u0648\u0631 \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u06a9\u0646\u06cc\u062f: \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0637\u0631\u062d\u0648\u0627\u0631\u0647 \u0645\u0627\u0646\u0646\u062f Zod \u06cc\u0627 Yup \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f: \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062f\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0628\u0627 API \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Auth \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/p>\n

\u06cc\u06a9 \u062c\u0644\u0633\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f: \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0647\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062c\u0644\u0633\u0647\u060c \u0648\u0636\u0639\u06cc\u062a \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f.<\/p>\n

89. \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062c\u0644\u0633\u0627\u062a \u0631\u0627 \u062f\u0631 Next.js \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f\u061f<\/p>\n

\u062c\u0644\u0633\u0627\u062a \u0628\u062f\u0648\u0646 \u062a\u0627\u0628\u0639\u06cc\u062a: \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f iron-session \u06cc\u0627 Jose \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062c\u0644\u0633\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u062c\u0644\u0633\u0627\u062a \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647: \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u062c\u0644\u0633\u0647 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 \u06a9\u0648\u06a9\u06cc \u0647\u0627 \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u062e\u0648\u0634\u0628\u06cc\u0646\u0627\u0646\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

90. \u0646\u0642\u0634 Middleware \u062f\u0631 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a Next.js \u0686\u06cc\u0633\u062a\u061f<\/p>\n

\u0627\u0632 \u0645\u06cc\u0627\u0646\u200c\u0627\u0641\u0632\u0627\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc\u200c\u0647\u0627\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f \u062a\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0648\u0636\u0639\u06cc\u062a \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0622\u0646\u0647\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0633\u06cc\u0631 \u062f\u0647\u062f. \u0628\u0627\u06cc\u062f \u062c\u0644\u0633\u0647 \u0631\u0627 \u0627\u0632 \u06a9\u0648\u06a9\u06cc \u0628\u062e\u0648\u0627\u0646\u062f \u0648 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0645\u0634\u06a9\u0644\u0627\u062a \u0639\u0645\u0644\u06a9\u0631\u062f \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u062f.<\/p>\n

\n
\n
\n

<\/p><\/div>\n

\n

\n

\u0628\u0627 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0645\u0635\u0627\u062d\u0628\u0647 Next.js \u062a\u0645\u0627\u0645 \u067e\u062a\u0627\u0646\u0633\u06cc\u0644 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062a\u0633\u0644\u0637 \u0628\u0631 Next.js \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f: 100+ \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u0628\u0631\u0627\u06cc \u0645\u0648\u0641\u0642\u06cc\u062a \ud83d\udcd8. \u0686\u0647 \u0628\u0647\u200c\u062a\u0627\u0632\u06af\u06cc \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0634\u0631\u0648\u0639 \u0628\u0647 \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u06cc\u0627 \u06cc\u06a9 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0627\u0631\u062a\u0642\u0627\u06cc \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0628\u0647 \u0633\u0637\u062d \u0628\u0639\u062f\u06cc \u0647\u0633\u062a\u06cc\u062f\u060c \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u06a9\u0645\u06a9 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0645\u0635\u0627\u062d\u0628\u0647\u200c\u0647\u0627\u06cc Next.js \u0648 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646 \u0628\u0647 \u0641\u0631\u062f\u06cc \u0645\u0637\u0645\u0626\u0646 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0637\u06cc\u0641 \u06af\u0633\u062a\u0631\u062f\u0647\u200c\u0627\u06cc \u0627\u0632 \u0645\u0648\u0636\u0648\u0639\u0627\u062a Next.js \u0631\u0627 \u067e\u0648\u0634\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0633\u0624\u0627\u0644\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u067e\u06cc\u0634 \u0628\u06cc\u0627\u06cc\u062f \u0628\u0647 \u062e\u0648\u0628\u06cc \u0622\u0645\u0627\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f. \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0645\u0641\u0627\u0647\u06cc\u0645 \u06a9\u0644\u06cc\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 (SSR) \ud83c\udf0d\u060c \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 (SSG) \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. ) \ud83d\udcc4\u060c \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc (ISR) \u23f3\u060c \u0631\u0648\u062a\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \ud83d\udee4\ufe0f\u060c \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \ud83d\udd04\u060c \u0648 \u062e\u06cc\u0644\u06cc \u0628\u06cc\u0634\u062a\u0631. \u0647\u0631 \u0645\u0648\u0636\u0648\u0639 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0648 \u067e\u0627\u0633\u062e\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0628\u0647 \u0645\u062a\u062f\u0627\u0648\u0644\u200c\u062a\u0631\u06cc\u0646 \u0633\u0624\u0627\u0644\u0627\u062a \u0645\u0635\u0627\u062d\u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u067e\u0627\u0633\u062e \u0628\u0647 \u0633\u0624\u0627\u0644\u0627\u062a\u060c \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc Next.js\u060c \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u26a1 \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0627 \u067e\u06cc\u0634\u0631\u0641\u062a \u0645\u062f\u0627\u0648\u0645 Next.js\u060c \u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0645\u0627\u0646\u0646\u062f React 18\u060c Rendering \u0647\u0645\u0632\u0645\u0627\u0646 \u0648 Suspense \ud83d\udd04 \u0645\u06cc \u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0627 \u0622\u062e\u0631\u06cc\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a\u200c\u0647\u0627 \u0628\u0647\u200c\u0631\u0648\u0632 \u0628\u0627\u0634\u06cc\u062f\u060c \u0648 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0627 \u062f\u0627\u0646\u0634\u06cc \u06a9\u0647 \u0645\u0635\u0627\u062d\u0628\u0647\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0622\u0646 \u0647\u0633\u062a\u0646\u062f \u0645\u062c\u0647\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0622\u0646\u0686\u0647 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0631\u0627 \u0645\u062a\u0645\u0627\u06cc\u0632 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0631\u0648\u06cc\u06a9\u0631\u062f \u0639\u0645\u0644\u06cc \u0622\u0646 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0641\u0642\u0637 \u0646\u0638\u0631\u06cc\u0647 \u0631\u0627 \u067e\u0648\u0634\u0634 \u0646\u0645\u06cc \u062f\u0647\u062f\u060c \u0628\u0644\u06a9\u0647 \u0628\u06cc\u0646\u0634 \u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u0645\u0646\u06cc\u062a \ud83d\udd12\u060c \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc SEO \ud83c\udf10\u060c \u0648 \u0634\u06cc\u0648\u0647 \u0647\u0627\u06cc \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \ud83d\udda5\ufe0f \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0647 \u062a\u0641\u0635\u06cc\u0644 \u0645\u0648\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u0646\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u0686\u0631\u062e\u0647 \u0639\u0645\u0631 \u06a9\u0627\u0645\u0644 \u062a\u0648\u0633\u0639\u0647 \u0622\u0645\u0627\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f. \u0686\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0622\u0645\u0627\u062f\u0647 \u0634\u062f\u0646 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0645\u0635\u0627\u062d\u0628\u0647 \u0641\u0646\u06cc \u062f\u0631 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u0631\u062a\u0631 \u0628\u0627\u0634\u06cc\u062f \u0648 \u0686\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0633\u0627\u062e\u062a \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631 \u0648 \u0645\u0642\u06cc\u0627\u0633 \u067e\u0630\u06cc\u0631 \u0628\u0627\u0634\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0645\u0647\u0627\u0631\u062a \u0647\u0627\u06cc Next.js \u062e\u0648\u062f \u0631\u0627 \u062a\u0642\u0648\u06cc\u062a \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 \u0631\u0642\u0628\u0627 \u0645\u062a\u0645\u0627\u06cc\u0632 \u0634\u0648\u06cc\u062f. \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u060c \u0634\u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0648\u062f \u062a\u0627 \u0628\u0627 \u0647\u0631 \u0633\u0624\u0627\u0644 \u0645\u0635\u0627\u062d\u0628\u0647 Next.js\u060c \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0633\u0627\u0633\u06cc \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0633\u0637\u062d \u0645\u062a\u062e\u0635\u0635\u060c \u0628\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u067e\u0627\u0633\u062e \u062f\u0647\u06cc\u062f. \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u062f\u0627\u0646\u0634\u06cc \u0645\u062c\u0647\u0632 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 Next.js \u0628\u0631\u062a\u0631\u06cc \u06a9\u0646\u06cc\u062f \ud83d\ude80 \u0648 \u0628\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0642\u062f\u0645 \u062f\u0631 \u0627\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f. \u0641\u0631\u0635\u062a \u0634\u063a\u0644\u06cc \u0628\u0639\u062f\u06cc \u0634\u0645\u0627\n <\/p>\n

\n \"\u0641\u0627\u0648\u06cc\u06a9\u0648\u0646\"
\n cyroscript.gumroad.com\n <\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n