{"id":5725,"date":"2023-02-13T16:49:40","date_gmt":"2023-02-13T13:19:40","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/"},"modified":"2023-02-13T16:49:40","modified_gmt":"2023-02-13T13:19:40","slug":"creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/","title":{"rendered":"\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0633\u06a9\u062a\u0627\u067e \u062a\u0644\u06af\u0631\u0627\u0645 \u0628\u0627 PostgreSQL \u0648 Next.js \ud83e\ude84"},"content":{"rendered":"<div data-article-id=\"1362773\" id=\"article-body\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#TL_DR\" >TL; DR<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86_%D9%BE%DB%8C%D8%A7%D9%85_%D8%B1%D8%B3%D8%A7%D9%86_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85_%E2%80%93_%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE%DA%86%D9%87_%D8%B3%D8%B1%DB%8C%D8%B9\" >\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u06cc\u0627\u0645 \u0631\u0633\u0627\u0646 \u062a\u0644\u06af\u0631\u0627\u0645 &#8211; \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0633\u0631\u06cc\u0639<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%DA%A9%D8%A7%D9%88%D8%B4_%D8%AF%D8%B1_%D9%82%D8%AF%D8%B1%D8%AA_%D9%87%D8%A7%DB%8C_PostgreSQL_%D9%88_Nextjs\" >\u06a9\u0627\u0648\u0634 \u062f\u0631 \u0642\u062f\u0631\u062a \u0647\u0627\u06cc PostgreSQL \u0648 Next.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%DA%86%D8%B1%D8%A7_%D8%A8%D9%87_%D8%B7%D9%88%D8%B1_%D8%AE%D8%A7%D8%B5_%D8%A7%D8%B2_Nextjs_%D9%88_PostgreSQL_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D9%85%DB%8C_%DA%A9%D9%86%DB%8C%D9%85%D8%9F\" >\u0686\u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u0627\u0632 Next.js \u0648 PostgreSQL \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645\u061f<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%DA%86%D8%B1%D8%A7_Nextjs_%D8%A8%D8%B1%D8%AE%D9%84%D8%A7%D9%81_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86_React%D8%9F\" >\u0686\u0631\u0627 Next.js \u0628\u0631\u062e\u0644\u0627\u0641 \u0627\u06cc\u062c\u0627\u062f \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 React\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%DA%86%D8%B1%D8%A7_PostgreSQL_%D9%88%D9%82%D8%AA%DB%8C_%D9%BE%D8%A7%DB%8C%DA%AF%D8%A7%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_%D9%87%D8%A7%DB%8C_SQL_%D8%B2%DB%8C%D8%A7%D8%AF%DB%8C_%D9%88%D8%AC%D9%88%D8%AF_%D8%AF%D8%A7%D8%B1%D8%AF%D8%9F\" >\u0686\u0631\u0627 PostgreSQL \u0648\u0642\u062a\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc SQL \u0632\u06cc\u0627\u062f\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%DA%86%DA%AF%D9%88%D9%86%D9%87_PostgreSQL_%D8%B1%D8%A7_%D8%A8%D9%87_%D8%B5%D9%88%D8%B1%D8%AA_%D9%85%D8%AD%D9%84%DB%8C_%D8%B1%D9%88%DB%8C_%D8%AF%D8%B3%D8%AA%DA%AF%D8%A7%D9%87_%D8%AE%D9%88%D8%AF_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%DB%8C%D8%AF\" >\u0686\u06af\u0648\u0646\u0647 PostgreSQL \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062d\u0644\u06cc \u0631\u0648\u06cc \u062f\u0633\u062a\u06af\u0627\u0647 \u062e\u0648\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%D9%BE%DB%8C%D8%B4_%D9%86%DB%8C%D8%A7%D8%B2%D9%87%D8%A7\" >\u067e\u06cc\u0634 \u0646\u06cc\u0627\u0632\u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%D9%BE%D8%A7%DB%8C%DA%AF%D8%A7%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_PostgreSQL_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85_%D9%85%D8%A7\" >\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 PostgreSQL \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u062a\u0644\u06af\u0631\u0627\u0645 \u0645\u0627<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%DB%8C%DA%A9_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D9%88%D8%A8_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D8%AF%D8%B3%DA%A9%D8%AA%D8%A7%D9%BE_%D8%A8%D8%A7_Nextjs\" >\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u062a\u0644\u06af\u0631\u0627\u0645 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0633\u06a9\u062a\u0627\u067e \u0628\u0627 Next.js<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%D8%B4%D8%B1%D9%88%D8%B9_%D8%A8%D8%A7_%D8%B5%D9%81%D8%AD%D9%87_%D8%AF%DB%8C%DA%AF_Nextjs\" >\u0634\u0631\u0648\u0639 \u0628\u0627 \u0635\u0641\u062d\u0647 \u062f\u06cc\u06af Next.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%D8%AA%D9%88%D8%B3%D8%B9%D9%87_%D8%B1%D8%A7%D8%A8%D8%B7_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C_%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85\" >\u062a\u0648\u0633\u0639\u0647 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u062a\u0644\u06af\u0631\u0627\u0645<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/creating-a-telegram-desktop-app-with-postgresql-and-nextjs-4im2\/#%D8%A7%D9%81%DA%A9%D8%A7%D8%B1_%D9%86%D9%87%D8%A7%DB%8C%DB%8C\" >\u0627\u0641\u06a9\u0627\u0631 \u0646\u0647\u0627\u06cc\u06cc<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"TL_DR\"><\/span>\n<p>  TL; DR<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634\u060c \u0646\u062d\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0634\u0628\u06cc\u0647 \u062a\u0644\u06af\u0631\u0627\u0645 \u0631\u0627 \u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u062c\u0627\u062f\u0648\u06cc\u06cc PostgreSQL \u0648 Next.js \u062e\u0648\u0627\u0647\u06cc\u062f \u0622\u0645\u0648\u062e\u062a.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86_%D9%BE%DB%8C%D8%A7%D9%85_%D8%B1%D8%B3%D8%A7%D9%86_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85_%E2%80%93_%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE%DA%86%D9%87_%D8%B3%D8%B1%DB%8C%D8%B9\"><\/span>\n<p>  \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u06cc\u0627\u0645 \u0631\u0633\u0627\u0646 \u062a\u0644\u06af\u0631\u0627\u0645 &#8211; \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0633\u0631\u06cc\u0639<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0627 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u06cc\u0627\u0645 \u0631\u0633\u0627\u0646 \u062a\u0644\u06af\u0631\u0627\u0645 \u0622\u0634\u0646\u0627\u06cc\u06cc \u062f\u0627\u0631\u06cc\u062f.  \u0627\u06cc\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u067e\u06cc\u0627\u0645\u200c\u0631\u0633\u0627\u0646\u06cc \u0686\u0646\u062f \u067e\u0644\u062a\u0641\u0631\u0645\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u067e\u06cc\u0627\u0645\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u06cc\u060c \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u0648 \u0633\u0627\u06cc\u0631 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0641\u0627\u06cc\u0644 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.  \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0645\u0632\u06af\u0630\u0627\u0631\u06cc \u0633\u0631\u062a\u0627\u0633\u0631 \u0648 \u0627\u0631\u062a\u0628\u0627\u0637\u0627\u062a \u062e\u0648\u062f \u062a\u062e\u0631\u06cc\u0628\u06cc\u060c \u0628\u0647 \u062f\u0644\u06cc\u0644 \u062a\u0648\u062c\u0647 \u0628\u0647 \u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc \u0648 \u0627\u0645\u0646\u06cc\u062a \u0645\u0634\u0647\u0648\u0631 \u0627\u0633\u062a.<\/p>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u062a\u0648\u0633\u0637 \u067e\u0627\u0648\u0644 \u062f\u0648\u0631\u0648\u0641 \u062f\u0631 \u0633\u0627\u0644 2013 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0634\u062f. \u062a\u0644\u06af\u0631\u0627\u0645 \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06a9\u0627\u0644\u0645\u0627\u062a \u06af\u0631\u0648\u0647\u06cc \u0628\u0631\u0627\u06cc \u062d\u062f\u0627\u06a9\u062b\u0631 200000 \u06a9\u0627\u0631\u0628\u0631\u060c \u0645\u062c\u0645\u0648\u0639\u0647 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0627\u0632 \u0627\u0641\u0632\u0648\u0646\u0647 \u0647\u0627 \u0648 \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0647\u0627\u06cc \u0634\u062e\u0635 \u062b\u0627\u0644\u062b \u0631\u0627 \u0646\u06cc\u0632 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.  \u062c\u0627\u06cc \u062a\u0639\u062c\u0628 \u0646\u06cc\u0633\u062a \u06a9\u0647 \u0645\u062d\u0628\u0648\u0628\u06cc\u062a \u0627\u06cc\u0646 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u062f\u0631 \u0633\u0627\u0644 \u0647\u0627\u06cc \u0627\u062e\u06cc\u0631 \u0627\u0641\u0632\u0627\u06cc\u0634 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"%DA%A9%D8%A7%D9%88%D8%B4_%D8%AF%D8%B1_%D9%82%D8%AF%D8%B1%D8%AA_%D9%87%D8%A7%DB%8C_PostgreSQL_%D9%88_Nextjs\"><\/span>\n<p>  \u06a9\u0627\u0648\u0634 \u062f\u0631 \u0642\u062f\u0631\u062a \u0647\u0627\u06cc PostgreSQL \u0648 Next.js<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0644\u06cc\u0644 \u0627\u06cc\u0646\u06a9\u0647 \u062a\u0644\u06af\u0631\u0627\u0645 \u0631\u0627 \u062f\u0631 \u0630\u0647\u0646 \u062e\u0648\u062f \u062f\u0627\u0631\u06cc\u0645 \u0635\u0631\u0641\u0627\u064b \u0628\u0647 \u062e\u0627\u0637\u0631 \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f \u0646\u06cc\u0633\u062a.  \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0632\u0645\u06cc\u0646\u0647 \u0628\u0633\u06cc\u0627\u0631 \u062e\u0648\u0628\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0634\u0627\u0628\u0647 \u0648 \u062f\u06cc\u062f\u0646 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0648 \u0641\u0631\u06cc\u0645 \u0648\u0631\u06a9 \u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0639\u0627\u0644\u06cc \u062f\u0631 \u0639\u0645\u0644 \u0627\u0633\u062a.  \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f\u060c \u0645\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u062f\u0631 \u0645\u0648\u0631\u062f PostgreSQL \u0648 Next.js \u0635\u062d\u0628\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645.  \u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u0622\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0633\u06a9\u062a\u0627\u067e \u062a\u0644\u06af\u0631\u0627\u0645 \u0645\u0627\u0646\u0646\u062f \u062e\u0648\u062f \u0631\u0627 (\u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631) \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.  \u0648 \u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0646\u0634\u0627\u0646 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647!<\/p>\n<p><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%DA%86%D8%B1%D8%A7_%D8%A8%D9%87_%D8%B7%D9%88%D8%B1_%D8%AE%D8%A7%D8%B5_%D8%A7%D8%B2_Nextjs_%D9%88_PostgreSQL_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D9%85%DB%8C_%DA%A9%D9%86%DB%8C%D9%85%D8%9F\"><\/span>\n<p>  \u0686\u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u0627\u0632 Next.js \u0648 PostgreSQL \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%DA%86%D8%B1%D8%A7_Nextjs_%D8%A8%D8%B1%D8%AE%D9%84%D8%A7%D9%81_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86_React%D8%9F\"><\/span>\n<p>  \u0686\u0631\u0627 Next.js \u0628\u0631\u062e\u0644\u0627\u0641 \u0627\u06cc\u062c\u0627\u062f \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 React\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0647\u06cc\u0686 \u06a9\u0645\u0628\u0648\u062f\u06cc \u062f\u0631 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0633\u0627\u062e\u062a React \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f \u06a9\u0647 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 \u062e\u0627\u0635 \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0646\u062f.  \u0627\u0645\u0631\u0648\u0632 \u0645\u0627 \u0631\u0648\u06cc \u0686\u0627\u0631\u0686\u0648\u0628 \u0628\u0633\u06cc\u0627\u0631 \u0645\u062d\u0628\u0648\u0628 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a Next.js \u062a\u0645\u0631\u06a9\u0632 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0647 \u0645\u062d\u0628\u0648\u0628 \u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u062e\u062a \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc React \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u0627\u0632 \u0632\u0645\u0627\u0646 \u0646\u06af\u0627\u0631\u0634 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c Next.js \u062f\u0627\u0631\u0627\u06cc 100 \u0647\u0632\u0627\u0631 \u0633\u062a\u0627\u0631\u0647 \u062f\u0631 GitHub \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0633\u0627\u0644 2022 \u0627\u0632 Create React App \u067e\u06cc\u0634\u06cc \u06af\u0631\u0641\u062a\u0647 \u0627\u0633\u062a (Create React App \u062d\u062f\u0648\u062f 98.8k \u0633\u062a\u0627\u0631\u0647 \u062f\u0627\u0631\u062f).  \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u0647\u0645\u062a\u0631\u06cc\u0646 \u0639\u0627\u0645\u0644 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 Next.js \u06a9\u0647 \u062a\u0648\u0633\u0637 Vercel \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a \u0627\u0632 \u0627\u0628\u0632\u0627\u0631 \u0631\u0633\u0645\u06cc \u0633\u0627\u062e\u062a React \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0641\u06cc\u0633 \u0628\u0648\u06a9 \u067e\u06cc\u0634\u06cc \u06af\u0631\u0641\u062a\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u0628\u0647 \u0686\u0646\u062f \u062f\u0644\u06cc\u0644\u060c Next.js \u0646\u0633\u0628\u062a \u0628\u0647 Create React App (CRA) \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u062a\u0631 \u0627\u0633\u062a:<\/p>\n<ul>\n<li>\n<strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645<\/strong> &#8211; \u062f\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 CRA\u060c Next.js \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0633\u0627\u0632\u06af\u0627\u0631\u062a\u0631 \u0648 \u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645 \u062a\u0631\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0628\u0631 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f \u0633\u0627\u062e\u062a \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<li>\n<strong>\u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u067e\u0648\u06cc\u0627<\/strong> &#8211; \u062a\u0642\u0633\u06cc\u0645 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u062f \u0648 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u067e\u0648\u06cc\u0627 \u062a\u0648\u0633\u0637 Next.js \u0627\u0645\u06a9\u0627\u0646 \u067e\u0630\u06cc\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u06cc\u0633\u062a\u0645 \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u0631\u0627 \u0633\u0627\u062f\u0647 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<li>\n<strong>\u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 (SSR)<\/strong> &#8211; Next.js \u062f\u0627\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062f\u0627\u062e\u0644\u06cc \u0628\u0631\u0627\u06cc \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0634\u0627\u0645\u0644 \u067e\u06cc\u0634 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0627\u062a \u062f\u0631 \u0633\u0631\u0648\u0631 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u0627\u0633\u062a.  \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648 (SEO) \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<li>\n<strong>\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u062b\u0627\u0628\u062a<\/strong> &#8211; Next.js \u06cc\u06a9 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u060c \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0648\u0628 \u067e\u0648\u06cc\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u062b\u0627\u0628\u062a \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0646\u06cc\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/li>\n<\/ul>\n<p>\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0627\u06cc\u0646 \u0628\u0647 \u062a\u0631\u062c\u06cc\u062d\u0627\u062a \u0634\u062e\u0635\u06cc \u0628\u0633\u062a\u06af\u06cc \u062f\u0627\u0631\u062f \u0648 \u0634\u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0647\u06cc\u0686 \u06cc\u06a9 \u0627\u0632 \u0627\u06cc\u0646 \u0686\u0627\u0631\u0686\u0648\u0628 \u0647\u0627 \u0627\u0634\u062a\u0628\u0627\u0647 \u06a9\u0646\u06cc\u062f.  \u0647\u062f\u0641 \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0633\u0627\u062e\u062a \u0648 \u062d\u0645\u0627\u06cc\u062a \u0627\u0632 \u062d\u062f\u0627\u0642\u0644 \u0645\u062d\u0635\u0648\u0644 \u0642\u0627\u0628\u0644 \u062f\u0648\u0627\u0645 \u0627\u0633\u062a \u0648 \u0647\u0631 \u062f\u0648\u06cc \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u062f\u0631 \u0627\u0646\u062c\u0627\u0645 \u0622\u0646 \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u06a9\u0627\u0641\u06cc \u062e\u0648\u0628 \u0647\u0633\u062a\u0646\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%DA%86%D8%B1%D8%A7_PostgreSQL_%D9%88%D9%82%D8%AA%DB%8C_%D9%BE%D8%A7%DB%8C%DA%AF%D8%A7%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_%D9%87%D8%A7%DB%8C_SQL_%D8%B2%DB%8C%D8%A7%D8%AF%DB%8C_%D9%88%D8%AC%D9%88%D8%AF_%D8%AF%D8%A7%D8%B1%D8%AF%D8%9F\"><\/span>\n<p>  \u0686\u0631\u0627 PostgreSQL \u0648\u0642\u062a\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc SQL \u0632\u06cc\u0627\u062f\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>PostgreSQL \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0627\u0633\u062a\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0647\u0631 \u06a9\u0633\u06cc \u0645\u062c\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0622\u0646 \u0627\u0633\u062a.  \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0648 \u0645\u0634\u0627\u063a\u0644\u06cc \u06a9\u0647 \u0645\u0627\u06cc\u0644\u0646\u062f \u0627\u0632 \u0647\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647 \u0647\u0627\u06cc \u062f\u0627\u062f\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u0646\u062f\u060c \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0645\u062d\u0628\u0648\u0628 \u0627\u0633\u062a.<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u06cc\u0646 \u06cc\u06a9 \u0648\u0627\u0642\u0639\u06cc\u062a \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 PostgreSQL \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0627\u06cc \u0645\u0627\u0646\u0646\u062f \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0631\u0648\u06cc\u0647 \u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647\u060c \u0645\u062d\u0631\u06a9 \u0647\u0627 \u0648 \u0627\u0646\u0648\u0627\u0639 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u062e\u0648\u0627\u0633\u062a\u0627\u0631 \u0639\u0627\u0644\u06cc \u0627\u0633\u062a.  PostgreSQL \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0631\u0634\u062f \u06a9\u0646\u062f \u062a\u0627 \u062d\u062c\u0645 \u0639\u0638\u06cc\u0645\u06cc \u0627\u0632 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u062f\u060c \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0627\u0646\u062a\u062e\u0627\u0628 \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0627\u062f\u0647 \u0641\u0634\u0631\u062f\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>PostgreSQL \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0633\u0631\u0639\u062a \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062e\u0648\u062f \u0628\u0647 \u062e\u0648\u0628\u06cc \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0627\u0646\u062a\u062e\u0627\u0628 \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0648 \u0632\u0645\u0627\u0646 \u0628\u0627\u0644\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f.  \u0645\u0632\u06cc\u062a \u062f\u06cc\u06af\u0631 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 PostgreSQL \u062f\u0627\u0631\u0627\u06cc \u06cc\u06a9 \u062c\u0627\u0645\u0639\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0632\u0631\u06af \u0648 \u0641\u0639\u0627\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u0622\u0646 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f\u060c \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0648 \u067e\u0644\u0627\u06af\u06cc\u0646 \u0647\u0627\u06cc \u0634\u062e\u0635 \u062b\u0627\u0644\u062b \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f.  PostgreSQL \u06a9\u0627\u0645\u0644\u0627\u064b \u0628\u0627 \u0632\u0628\u0627\u0646 SQL \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a \u0648 \u062f\u0631\u06a9 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0622\u0633\u0627\u0646 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0642\u0627\u0628\u0644 \u067e\u06cc\u0634 \u0628\u06cc\u0646\u06cc \u062d\u0641\u0638 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n<p>PostgreSQL \u06cc\u06a9 \u06af\u0632\u06cc\u0646\u0647 \u0645\u0646\u0639\u0637\u0641 \u0648 \u0645\u062d\u0628\u0648\u0628 \u0628\u0631\u0627\u06cc \u0627\u0646\u0648\u0627\u0639 \u0648\u0638\u0627\u06cc\u0641 \u0627\u0633\u062a \u0648 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0627\u0632 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.  \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0646\u0645\u0648\u062f\u0627\u0631 \u0632\u06cc\u0631 \u0645\u06cc \u0628\u06cc\u0646\u06cc\u062f\u060c PostgreSQL \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u067e\u0627\u0633\u062e \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0647 \u0646\u0638\u0631\u0633\u0646\u062c\u06cc StackOverFlow 2022 \u0631\u062a\u0628\u0647 2 \u0648 \u0628\u0631\u0627\u06cc \u062d\u0631\u0641\u0647 \u0627\u06cc \u0647\u0627 \u0631\u062a\u0628\u0647 \u06cc\u06a9 \u0627\u0633\u062a.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/02\/\u0627\u06cc\u062c\u0627\u062f-\u06cc\u06a9-\u0628\u0631\u0646\u0627\u0645\u0647-\u062f\u0633\u06a9\u062a\u0627\u067e-\u062a\u0644\u06af\u0631\u0627\u0645-\u0628\u0627-PostgreSQL-\u0648-Nextjs.jpg\" alt=\"https:\/\/res.cloudinary.com\/d74fh3kw\/image\/upload\/v1675795380\/stackoverflow-database-2022_jdvpcj.jpg\" loading=\"lazy\" width=\"800\" height=\"674\" title=\"\"><\/p>\n<p>\u0627\u0645\u0627\u060c \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc SQL \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u0627\u0632 \u0647\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 SQL \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0631 \u0637\u0631\u062d \u06a9\u0644\u0627\u0646 \u0686\u06cc\u0632\u0647\u0627 \u0647\u0645\u0647 \u0622\u0646\u0647\u0627 \u0628\u0631\u0646\u062f\u0647 \u0647\u0633\u062a\u0646\u062f \u0648 \u0634\u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u0646\u06a9\u0647 \u06a9\u062f\u0627\u0645 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0634\u062e\u0635\u06cc \u062e\u0648\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u0647\u0633\u062a\u06cc\u062f.<\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u0645\u0642\u062f\u0645\u0647\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u062e\u0648\u062f \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%DA%86%DA%AF%D9%88%D9%86%D9%87_PostgreSQL_%D8%B1%D8%A7_%D8%A8%D9%87_%D8%B5%D9%88%D8%B1%D8%AA_%D9%85%D8%AD%D9%84%DB%8C_%D8%B1%D9%88%DB%8C_%D8%AF%D8%B3%D8%AA%DA%AF%D8%A7%D9%87_%D8%AE%D9%88%D8%AF_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u0686\u06af\u0648\u0646\u0647 PostgreSQL \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062d\u0644\u06cc \u0631\u0648\u06cc \u062f\u0633\u062a\u06af\u0627\u0647 \u062e\u0648\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%D9%BE%DB%8C%D8%B4_%D9%86%DB%8C%D8%A7%D8%B2%D9%87%D8%A7\"><\/span>\n<p>  \u067e\u06cc\u0634 \u0646\u06cc\u0627\u0632\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0627 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0645\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u0645\u0639\u0645\u0627\u0631\u06cc Back-end \u0648 Front-end \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645.<\/p>\n<p>\u067e\u0634\u062a\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc \u0645\u0627 \u0634\u0627\u0645\u0644 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<p>\ud83d\uddc4\ufe0f <strong>\u067e\u0627\u06cc\u0627\u0646\u0647 \u067e\u0634\u062a\u06cc:<\/strong> Node.js + Nest.js<br \/>\ud83d\udce6 <strong>\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647:<\/strong> PostgreSQL<br \/>\ud83e\uddd1\u200d\ud83d\udcbb <strong>\u0642\u0633\u0645\u062a \u062c\u0644\u0648\u06cc\u06cc:<\/strong> Next.js<\/p>\n<p>\u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 \u067e\u0627\u06cc\u06af\u0627\u0647 \u0647\u0627\u06cc \u062f\u0627\u062f\u0647 PostgreSQL\u060c \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0632\u06cc\u0631 \u0628\u0627\u06cc\u062f \u0646\u0635\u0628 \u0634\u0648\u062f:<\/p>\n<ul>\n<li>\u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u06cc\u06af\u0627\u0647 \u0647\u0627\u06cc \u062f\u0627\u062f\u0647 PostgreSQL Postgres.app \u0627\u0633\u062a. <\/li>\n<li>\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c Pgcli\u060c \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u062e\u0637 \u0641\u0631\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc Postgres\u060c \u062f\u0627\u0631\u0627\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 \u0633\u0627\u0632\u06cc \u0646\u062d\u0648 \u0627\u0633\u062a \u0648 \u062a\u06a9\u0645\u06cc\u0644 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0646\u06cc\u0632 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/li>\n<li>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0635\u062d\u0628\u062a \u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 \u067e\u0627\u06cc\u06af\u0627\u0647 \u0647\u0627\u06cc \u062f\u0627\u062f\u0647 PostgreSQL \u0645\u06cc \u0634\u0648\u062f\u060c \u0648\u0627\u0644\u0646\u062a\u06cc\u0646\u0627 \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u062a\u0631\u062c\u06cc\u062d \u0645\u0646 \u0627\u0633\u062a.  \u0627\u06cc\u0646 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0627\u0633\u062a \u0632\u06cc\u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f MongoDB \u0648 MySQL \u0645\u062a\u0635\u0644 \u0634\u0648\u062f.  \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f PgAdmin \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.  \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0627\u0632 \u0647\u0631 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u0622\u0646 \u0631\u0627\u062d\u062a \u0647\u0633\u062a\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%D9%BE%D8%A7%DB%8C%DA%AF%D8%A7%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_PostgreSQL_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85_%D9%85%D8%A7\"><\/span>\n<p>  \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 PostgreSQL \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u062a\u0644\u06af\u0631\u0627\u0645 \u0645\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>\u0645\u0631\u062d\u0644\u0647 1: \u0627\u06cc\u062c\u0627\u062f \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 PostgreSQL<\/strong><br \/>\u0627\u0628\u062a\u062f\u0627 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u0645\u062d\u06cc\u0637 \u062a\u0648\u0633\u0639\u0647 \u0634\u0645\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 Postgres.app \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627 \u0627\u0633\u062a.<\/p>\n<p>\u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0627 \u0631\u0641\u062a\u0646 \u0628\u0647 \u062e\u0637 \u0641\u0631\u0645\u0627\u0646\u060c \u0628\u0647 \u0646\u0635\u0628 \u0645\u062d\u0644\u06cc PostgreSQL \u062e\u0648\u062f \u0645\u062a\u0635\u0644 \u0634\u0648\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight sql\"><code><span class=\"n\">pgcli<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u062f\u0633\u062a\u0648\u0631 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u062f\u0631 \u0632\u06cc\u0631 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u062a\u0645\u0627\u0645 \u067e\u0627\u06cc\u06af\u0627\u0647 \u0647\u0627\u06cc \u062f\u0627\u062f\u0647 PostgreSQL \u06a9\u0647 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u062f\u0627\u0631\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight sql\"><code>   <span class=\"err\">\\<\/span><span class=\"n\">l<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0628\u0647 \u0646\u0627\u0645 \u062a\u0644\u06af\u0631\u0627\u0645\u060c \u0639\u0628\u0627\u0631\u062a SQL \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u067e\u0646\u062c\u0631\u0647 \u062e\u0637 \u0641\u0631\u0645\u0627\u0646 pgcli \u062e\u0648\u062f \u06a9\u067e\u06cc \u0648 \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.  \u0627\u06af\u0631 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0627\u06a9\u0646\u0648\u0646 \u0628\u0627\u06cc\u062f \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0627\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0647 \u062a\u0627\u0632\u06af\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645\u060c \u0628\u0628\u06cc\u0646\u06cc\u062f <code>\\l<\/code> \u06cc\u06a9 \u0628\u0627\u0631 \u062f\u06cc\u06af\u0631 \u062f\u0631 \u0647\u0645\u0627\u0646 \u067e\u0646\u062c\u0631\u0647<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight sql\"><code><span class=\"k\">CREATE<\/span> <span class=\"k\">DATABASE<\/span> <span class=\"n\">telegram<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u062f\u0631 \u0647\u0645\u0627\u0646 \u067e\u0646\u062c\u0631\u0647 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight sql\"><code><span class=\"err\">\\<\/span><span class=\"k\">c<\/span> <span class=\"n\">telegram<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u062c\u062f\u0648\u0644 \u0628\u0633\u0627\u0632\u06cc\u0645 \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0627 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u062f \u067e\u0631 \u06a9\u0646\u06cc\u0645.  \u06a9\u062f SQL \u0632\u06cc\u0631 \u0628\u0627\u06cc\u062f \u06a9\u067e\u06cc \u0648 \u062f\u0631 \u067e\u0646\u062c\u0631\u0647 \u062e\u0637 \u0641\u0631\u0645\u0627\u0646 \u0634\u0645\u0627 \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight sql\"><code> <span class=\"k\">CREATE<\/span> <span class=\"k\">TABLE<\/span> <span class=\"n\">telegram_profile<\/span> <span class=\"p\">(<\/span>\n\n    <span class=\"n\">id<\/span> <span class=\"n\">UUID<\/span> <span class=\"k\">DEFAULT<\/span> <span class=\"n\">gen_random_uuid<\/span> <span class=\"p\">(),<\/span>\n\n    <span class=\"n\">username<\/span> <span class=\"nb\">VARCHAR<\/span><span class=\"p\">(<\/span><span class=\"mi\">100<\/span><span class=\"p\">)<\/span> <span class=\"k\">NOT<\/span> <span class=\"k\">NULL<\/span><span class=\"p\">,<\/span>\n\n    <span class=\"n\">profile_image<\/span> <span class=\"nb\">VARCHAR<\/span><span class=\"p\">(<\/span><span class=\"mi\">500<\/span><span class=\"p\">)<\/span> <span class=\"k\">NOT<\/span> <span class=\"k\">NULL<\/span><span class=\"p\">,<\/span>\n\n    <span class=\"n\">last_message<\/span> <span class=\"nb\">VARCHAR<\/span><span class=\"p\">(<\/span><span class=\"mi\">1000<\/span><span class=\"p\">)<\/span> <span class=\"k\">NOT<\/span> <span class=\"k\">NULL<\/span><span class=\"p\">,<\/span>\n\n    <span class=\"n\">last_message_date<\/span> <span class=\"nb\">VARCHAR<\/span><span class=\"p\">(<\/span><span class=\"mi\">20<\/span><span class=\"p\">)<\/span> <span class=\"k\">NOT<\/span> <span class=\"k\">NULL<\/span>\n\n    <span class=\"p\">);<\/span>\n\n    <span class=\"k\">INSERT<\/span> <span class=\"k\">INTO<\/span> <span class=\"n\">telegram_profile<\/span> <span class=\"p\">(<\/span><span class=\"n\">username<\/span><span class=\"p\">,<\/span> <span class=\"n\">profile_image<\/span><span class=\"p\">,<\/span> <span class=\"n\">last_message<\/span><span class=\"p\">,<\/span> <span class=\"n\">last_message_date<\/span><span class=\"p\">)<\/span>\n\n    <span class=\"k\">VALUES<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Lucy'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile1.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'hello there'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-02'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'John'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile2.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'how are you?'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-02'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Gemma'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile3.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'good morning!'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-03'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Sam'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile4.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'have a nice day'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-03'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'William'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile5.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'whats up?'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-05'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Magdalena'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile6.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'hows it going?'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-05'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Tina'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile7.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'Guess what?'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-04'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Isabella'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile8.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'I know right so cool!'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-03'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Ethan'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile9.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'take care'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-02'<\/span><span class=\"p\">),<\/span> <span class=\"p\">(<\/span><span class=\"s1\">'Ava'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'profile10.jpg'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'Send the picture'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'2023-02-08'<\/span><span class=\"p\">);<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0647\u0645\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u062f\u0627\u062f\u0647\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647\u200c\u062f\u0627\u062f\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0628\u0647 \u062a\u0627\u0632\u06af\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645\u060c \u0628\u0627\u06cc\u062f \u0647\u0646\u06af\u0627\u0645 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 Postgres.app \u062f\u0631 \u0631\u0627\u06cc\u0627\u0646\u0647\u200c\u062a\u0627\u0646 \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u0627\u0634\u0646\u062f.  \u0648 \u0627\u06af\u0631 \u0628\u0647 \u0648\u0627\u0644\u0646\u062a\u06cc\u0646\u0627 \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u06cc\u0627 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0645\u062a\u0635\u0644 \u0634\u0648\u06cc\u062f\u060c \u0628\u0627\u06cc\u062f \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0627\u06cc \u0631\u0627 \u06a9\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0627\u0632 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u062a\u0635\u0627\u0644 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 PostgreSQL \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<p><strong>\u0645\u06cc\u0632\u0628\u0627\u0646:<\/strong> \u0645\u06cc\u0632\u0628\u0627\u0646 \u0645\u062d\u0644\u06cc<br \/><strong>\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647:<\/strong> \u062a\u0644\u06af\u0631\u0627\u0645<br \/><strong>\u06a9\u0627\u0631\u0628\u0631:<\/strong> postgres<br \/><strong>\u06a9\u0644\u0645\u0647 \u0639\u0628\u0648\u0631:<\/strong> \u0647\u06cc\u0686 \u0631\u0645\u0632 \u0639\u0628\u0648\u0631\u06cc \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f \u0622\u0646 \u0631\u0627 \u062e\u0627\u0644\u06cc \u0628\u06af\u0630\u0627\u0631\u06cc\u062f<br \/><strong>\u0628\u0646\u062f\u0631:<\/strong> 5432<\/p>\n<p><strong>\u0645\u0631\u062d\u0644\u0647 \u06f2: \u0627\u06cc\u062c\u0627\u062f \u0628\u06a9\u200c\u0627\u0646\u062f Nest.js<\/strong><\/p>\n<p>\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c Nest.js \u0631\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0627\u062f\u0647 \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 PostgreSQL \u062e\u0648\u062f \u0645\u062a\u0635\u0644 \u0645\u06cc \u06a9\u0646\u06cc\u0645.  \u067e\u0633 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647\u060c \u0645\u0627 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0628\u0647 \u0633\u0645\u062a \u062c\u0644\u0648\u06cc React Next.js \u0633\u0648\u0626\u06cc\u0686 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f. <\/p>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u0628\u0647 \u062f\u0633\u06a9\u062a\u0627\u067e \u06cc\u0627 \u0647\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0628\u0631\u0648\u06cc\u062f \u0648 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0628\u0633\u062a \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u0632 \u0634\u0645\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u062f \u06a9\u0647 \u06cc\u06a9 \u0645\u062f\u06cc\u0631 \u0628\u0633\u062a\u0647 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.  \u0645\u0627 \u0627\u0632 npm \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645\u060c \u0627\u0645\u0627 \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.  \u0641\u0642\u0637 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0639\u062f\u0627\u064b \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0635\u062d\u06cc\u062d \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"nx\">mkdir<\/span> <span class=\"nx\">telegram<\/span><span class=\"o\">-<\/span><span class=\"nx\">app<\/span>\n    <span class=\"nx\">cd<\/span> <span class=\"nx\">telegram<\/span><span class=\"o\">-<\/span><span class=\"nx\">app<\/span>\n    <span class=\"nx\">nest<\/span> <span class=\"k\">new<\/span> <span class=\"nx\">backend<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u067e\u0631\u0648\u0698\u0647 \u062f\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u062e\u0648\u062f\u060c \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0686\u0646\u062f \u0641\u0627\u06cc\u0644 \u06a9\u0646\u062a\u0631\u0644\u0631 \u0648 \u0633\u0631\u0648\u06cc\u0633 \u0622\u0645\u0627\u062f\u0647 \u0634\u0648\u06cc\u062f.  \u0628\u0631\u0627\u06cc \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647 \u0647\u0627\u06cc \u062f\u0627\u062f\u0647 PostgreSQL\u060c TypeORM \u0648 PostgreSQL \u0631\u0627 \u0646\u06cc\u0632 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0646\u0635\u0628 \u0645\u06cc \u06a9\u0646\u06cc\u0645.  \u0627\u0628\u062a\u062f\u0627 \u0627\u0632 \u062e\u0637 \u0641\u0631\u0645\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>cd<\/code> \u0628\u0647 \u062f\u0631\u0648\u0646 <strong>\u0628\u0627\u0637\u0646<\/strong> \u067e\u0648\u0634\u0647\u060c \u0633\u067e\u0633 \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0647\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"nx\">cd<\/span> <span class=\"nx\">backend<\/span>\n    <span class=\"nx\">npm<\/span> <span class=\"nx\">install<\/span> <span class=\"o\">--<\/span><span class=\"nx\">save<\/span> <span class=\"nx\">pg<\/span> <span class=\"p\">@<\/span><span class=\"nd\">nestjs<\/span><span class=\"sr\">\/typeorm typeor<\/span><span class=\"err\">m\n<\/span>    <span class=\"nx\">nest<\/span> <span class=\"nx\">g<\/span> <span class=\"nx\">controller<\/span> <span class=\"nx\">telegram<\/span>\n    <span class=\"nx\">nest<\/span> <span class=\"nx\">g<\/span> <span class=\"nx\">service<\/span> <span class=\"nx\">telegram<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 \u062a\u0648\u0644\u06cc\u062f \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0627\u0636\u0627\u0641\u06cc\u060c \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0627 \u06a9\u0645\u06cc \u0645\u0631\u062a\u0628 \u06a9\u0646\u06cc\u0645.  \u0628\u0627 \u062d\u0630\u0641 \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0627\u0632 \u067e\u0648\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0627\u0632 \u0634\u0631 \u0622\u0646\u0647\u0627 \u062e\u0644\u0627\u0635 \u0634\u0648\u06cc\u062f:<\/p>\n<ul>\n<li><code>app.service.ts<\/code><\/li>\n<li><code>app.controller.ts<\/code><\/li>\n<li><code>app.controller.spec.ts<\/code><\/li>\n<\/ul>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u0632\u0645\u0627\u0646 \u0633\u0627\u062e\u062a \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0628\u0627\u0642\u06cc \u0645\u0627\u0646\u062f\u0647 \u0627\u0633\u062a.  \u067e\u0633 \u0627\u0632 \u0648\u0631\u0648\u062f \u0628\u0647 \u0628\u062e\u0634\u060c \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0647\u0627\u06cc \u0641\u0647\u0631\u0633\u062a \u0634\u062f\u0647 \u062f\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f <strong>\u0628\u0627\u0637\u0646<\/strong> \u067e\u0648\u0634\u0647 \u0631\u06cc\u0634\u0647<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"nx\">mkdir<\/span> <span class=\"nx\">src<\/span><span class=\"o\">\/<\/span><span class=\"nx\">telegram<\/span>\n    <span class=\"nx\">touch<\/span> <span class=\"nx\">src<\/span><span class=\"o\">\/<\/span><span class=\"nx\">telegram<\/span><span class=\"o\">\/<\/span><span class=\"p\">{<\/span><span class=\"nx\">telegram<\/span><span class=\"p\">.<\/span><span class=\"nx\">module<\/span><span class=\"p\">.<\/span><span class=\"nx\">ts<\/span><span class=\"p\">,<\/span><span class=\"nx\">telegram<\/span><span class=\"p\">.<\/span><span class=\"nx\">entity<\/span><span class=\"p\">.<\/span><span class=\"nx\">ts<\/span><span class=\"p\">,<\/span><span class=\"nx\">telegram<\/span><span class=\"p\">.<\/span><span class=\"nx\">service<\/span><span class=\"p\">.<\/span><span class=\"nx\">ts<\/span><span class=\"p\">,<\/span><span class=\"nx\">telegram<\/span><span class=\"p\">.<\/span><span class=\"nx\">controller<\/span><span class=\"p\">.<\/span><span class=\"nx\">ts<\/span><span class=\"p\">}<\/span>\n    <span class=\"nx\">mkdir<\/span> <span class=\"nx\">src<\/span><span class=\"o\">\/<\/span><span class=\"nx\">telegram<\/span><span class=\"o\">\/<\/span><span class=\"nx\">dto<\/span>\n    <span class=\"nx\">touch<\/span> <span class=\"nx\">src<\/span><span class=\"o\">\/<\/span><span class=\"nx\">telegram<\/span><span class=\"o\">\/<\/span><span class=\"nx\">dto<\/span><span class=\"o\">\/<\/span><span class=\"nx\">telegram<\/span><span class=\"p\">.<\/span><span class=\"nx\">dto<\/span><span class=\"p\">.<\/span><span class=\"nx\">ts<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u06a9\u0647 \u062a\u0645\u0627\u0645\u06cc \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645\u060c \u0646\u0648\u0628\u062a \u0628\u0647 \u0627\u0641\u0632\u0648\u062f\u0646 \u06a9\u062f \u0645\u06cc \u0631\u0633\u062f.  \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u06a9\u062f \u0641\u0639\u0644\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<p>\u062f\u0631 \u06a9\u0644 7 \u0641\u0627\u06cc\u0644 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f:<\/p>\n<ol>\n<li><code>app.module.ts<\/code><\/li>\n<li><code>telegram.service.ts<\/code><\/li>\n<li><code>telegram.module.ts<\/code><\/li>\n<li><code>telegram.entity.ts<\/code><\/li>\n<li><code>telegram.controller.ts<\/code><\/li>\n<li><code>dto\/telegram.dto.ts<\/code><\/li>\n<li><code>main.ts<\/code><\/li>\n<\/ol>\n<p>\u0627\u06cc\u0646\u062c\u0627\u0633\u062a <code>app.module.ts<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>   <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Module<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/common<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TypeOrmModule<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/typeorm<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TelegramController<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram\/telegram.controller<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TelegramService<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram\/telegram.service<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TelegramModule<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram\/telegram.module<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">DataSource<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">typeorm<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"p\">@<\/span><span class=\"nd\">Module<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">imports<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\n        <span class=\"nx\">TypeOrmModule<\/span><span class=\"p\">.<\/span><span class=\"nx\">forRoot<\/span><span class=\"p\">({<\/span>\n          <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">postgres<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n\n          <span class=\"na\">host<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">localhost<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n\n          <span class=\"na\">port<\/span><span class=\"p\">:<\/span> <span class=\"mi\">5432<\/span><span class=\"p\">,<\/span>\n\n          <span class=\"na\">username<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">postgres<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n\n          <span class=\"na\">password<\/span><span class=\"p\">:<\/span> <span class=\"dl\">''<\/span><span class=\"p\">,<\/span>\n\n          <span class=\"na\">database<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">telegram<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n\n          <span class=\"na\">entities<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"dl\">'<\/span><span class=\"s1\">dist\/**\/*.entity{.ts,.js}<\/span><span class=\"dl\">'<\/span><span class=\"p\">],<\/span>\n\n          <span class=\"na\">synchronize<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\n        <span class=\"p\">}),<\/span>\n\n        <span class=\"nx\">TelegramModule<\/span><span class=\"p\">,<\/span>\n      <span class=\"p\">],<\/span>\n\n      <span class=\"na\">controllers<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TelegramController<\/span><span class=\"p\">],<\/span>\n\n      <span class=\"na\">providers<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TelegramService<\/span><span class=\"p\">],<\/span>\n    <span class=\"p\">})<\/span>\n    <span class=\"k\">export<\/span> <span class=\"kd\">class<\/span> <span class=\"nx\">AppModule<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">constructor<\/span><span class=\"p\">(<\/span><span class=\"kr\">private<\/span> <span class=\"nx\">dataSource<\/span><span class=\"p\">:<\/span> <span class=\"nx\">DataSource<\/span><span class=\"p\">)<\/span> <span class=\"p\">{}<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0639\u062f\u060c \u0645\u0627 \u062f\u0627\u0631\u06cc\u0645 <code>telegram.service.ts<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code> <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Injectable<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/common<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">InjectRepository<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/typeorm<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Repository<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">typeorm<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Telegram<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram.entity<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"p\">@<\/span><span class=\"nd\">Injectable<\/span><span class=\"p\">()<\/span>\n    <span class=\"k\">export<\/span> <span class=\"kd\">class<\/span> <span class=\"nx\">TelegramService<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">constructor<\/span><span class=\"p\">(<\/span>\n        <span class=\"p\">@<\/span><span class=\"nd\">InjectRepository<\/span><span class=\"p\">(<\/span><span class=\"nx\">Telegram<\/span><span class=\"p\">)<\/span>\n        <span class=\"kr\">private<\/span> <span class=\"nx\">telegramRepository<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Repository<\/span><span class=\"o\">&lt;<\/span><span class=\"nx\">Telegram<\/span><span class=\"o\">&gt;<\/span>\n      <span class=\"p\">)<\/span> <span class=\"p\">{}<\/span>\n\n      <span class=\"k\">async<\/span> <span class=\"nx\">findAll<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">data<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">telegramRepository<\/span><span class=\"p\">.<\/span><span class=\"nx\">query<\/span><span class=\"p\">(<\/span>\n          <span class=\"s2\">`SELECT * FROM telegram_profile`<\/span>\n        <span class=\"p\">);<\/span>\n\n        <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n          <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nx\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Data<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nx\">data<\/span><span class=\"p\">);<\/span>\n\n          <span class=\"k\">return<\/span> <span class=\"nx\">data<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span> <span class=\"k\">catch<\/span> <span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n          <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nx\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span>\n      <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u067e\u0633 \u0627\u0632 \u0622\u0646 \u0645\u06cc \u0622\u06cc\u062f <code>telegram.module.ts<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Module<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/common<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TypeOrmModule<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/typeorm<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TelegramController<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram.controller<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TelegramService<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram.service<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Telegram<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram.entity<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"p\">@<\/span><span class=\"nd\">Module<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">imports<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TypeOrmModule<\/span><span class=\"p\">.<\/span><span class=\"nx\">forFeature<\/span><span class=\"p\">([<\/span><span class=\"nx\">Telegram<\/span><span class=\"p\">])],<\/span>\n\n      <span class=\"na\">controllers<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TelegramController<\/span><span class=\"p\">],<\/span>\n\n      <span class=\"na\">providers<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TelegramService<\/span><span class=\"p\">],<\/span>\n\n      <span class=\"na\">exports<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">TypeOrmModule<\/span><span class=\"p\">],<\/span>\n    <span class=\"p\">})<\/span>\n    <span class=\"k\">export<\/span> <span class=\"kd\">class<\/span> <span class=\"nx\">TelegramModule<\/span> <span class=\"p\">{}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0648 \u0627\u06a9\u0646\u0648\u0646 \u0627\u0633\u062a <code>telegram.entity.ts<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>  <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Entity<\/span><span class=\"p\">,<\/span> <span class=\"nx\">Column<\/span><span class=\"p\">,<\/span> <span class=\"nx\">PrimaryGeneratedColumn<\/span><span class=\"p\">,<\/span> <span class=\"nx\">BaseEntity<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">typeorm<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"p\">@<\/span><span class=\"nd\">Entity<\/span><span class=\"p\">()<\/span>\n    <span class=\"k\">export<\/span> <span class=\"kd\">class<\/span> <span class=\"nx\">Telegram<\/span> <span class=\"kd\">extends<\/span> <span class=\"nx\">BaseEntity<\/span> <span class=\"p\">{<\/span>\n      <span class=\"p\">@<\/span><span class=\"nd\">PrimaryGeneratedColumn<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">uuid<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n      <span class=\"nx\">id<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"p\">@<\/span><span class=\"nd\">Column<\/span><span class=\"p\">()<\/span>\n      <span class=\"nx\">username<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"p\">@<\/span><span class=\"nd\">Column<\/span><span class=\"p\">()<\/span>\n      <span class=\"nx\">profile_image<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"p\">@<\/span><span class=\"nd\">Column<\/span><span class=\"p\">()<\/span>\n      <span class=\"nx\">last_message<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"p\">@<\/span><span class=\"nd\">Column<\/span><span class=\"p\">()<\/span>\n      <span class=\"nx\">last_message_date<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u0627 \u0627\u0646\u062c\u0627\u0645 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f <code>telegram.controller.ts<\/code> \u0627\u06a9\u0646\u0648\u0646 \u0641\u0627\u06cc\u0644 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Controller<\/span><span class=\"p\">,<\/span> <span class=\"nx\">Get<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/common<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TelegramService<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/telegram.service<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">TelegramDto<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/dto\/telegram.dto<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"p\">@<\/span><span class=\"nd\">Controller<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">telegramprofiles<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"k\">export<\/span> <span class=\"kd\">class<\/span> <span class=\"nx\">TelegramController<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">constructor<\/span><span class=\"p\">(<\/span><span class=\"kr\">private<\/span> <span class=\"nx\">telegramService<\/span><span class=\"p\">:<\/span> <span class=\"nx\">TelegramService<\/span><span class=\"p\">)<\/span> <span class=\"p\">{}<\/span>\n\n      <span class=\"p\">@<\/span><span class=\"nd\">Get<\/span><span class=\"p\">()<\/span>\n      <span class=\"k\">async<\/span> <span class=\"nx\">findAll<\/span><span class=\"p\">():<\/span> <span class=\"nb\">Promise<\/span><span class=\"o\">&lt;<\/span><span class=\"nx\">TelegramDto<\/span><span class=\"p\">[]<\/span><span class=\"o\">&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">await<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">telegramService<\/span><span class=\"p\">.<\/span><span class=\"nx\">findAll<\/span><span class=\"p\">();<\/span>\n      <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0641\u0642\u0637 \u06cc\u06a9 \u0645\u0648\u0631\u062f \u062f\u06cc\u06af\u0631 \u0628\u0631\u0627\u06cc \u0631\u0641\u062a\u0646 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 <code>dto\/telegram.dto.ts<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">export<\/span> <span class=\"kd\">class<\/span> <span class=\"nx\">TelegramDto<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">username<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">profile_image<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">last_message<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">last_message_date<\/span><span class=\"p\">:<\/span> <span class=\"nx\">string<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a <code>main.ts<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code> <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">NestFactory<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@nestjs\/core<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">AppModule<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/app.module<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">bootstrap<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">app<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">NestFactory<\/span><span class=\"p\">.<\/span><span class=\"nx\">create<\/span><span class=\"p\">(<\/span><span class=\"nx\">AppModule<\/span><span class=\"p\">);<\/span>\n\n      <span class=\"nx\">app<\/span><span class=\"p\">.<\/span><span class=\"nx\">enableCors<\/span><span class=\"p\">();<\/span>\n\n      <span class=\"k\">await<\/span> <span class=\"nx\">app<\/span><span class=\"p\">.<\/span><span class=\"nx\">listen<\/span><span class=\"p\">(<\/span><span class=\"mi\">8080<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nx\">bootstrap<\/span><span class=\"p\">();<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0648\u0642\u062a \u0622\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0642\u0633\u0645\u062a \u0639\u0642\u0628 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u0645!  \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0631 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0634\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"nx\">npm<\/span> <span class=\"nx\">run<\/span> <span class=\"nx\">start<\/span><span class=\"p\">:<\/span><span class=\"nx\">dev<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0647 http:\/\/localhost:8080\/telegramprofiles \u0628\u0631\u0648\u06cc\u062f \u0648 \u062a\u0645\u0627\u0645 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 PostgreSQL \u0645\u0627 \u0647\u0633\u062a\u0646\u062f \u0628\u0647 \u0635\u0648\u0631\u062a JSON \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 \u06a9\u0646\u0633\u0648\u0644 \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.  REST API \u0645\u0627 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0627\u06a9\u0646\u0648\u0646 \u0628\u0647 \u0642\u0633\u0645\u062a \u062c\u0644\u0648 \u0628\u0631\u0648\u06cc\u0645.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%DB%8C%DA%A9_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D9%88%D8%A8_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D8%AF%D8%B3%DA%A9%D8%AA%D8%A7%D9%BE_%D8%A8%D8%A7_Nextjs\"><\/span>\n<p>  \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u062a\u0644\u06af\u0631\u0627\u0645 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0633\u06a9\u062a\u0627\u067e \u0628\u0627 Next.js<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B4%D8%B1%D9%88%D8%B9_%D8%A8%D8%A7_%D8%B5%D9%81%D8%AD%D9%87_%D8%AF%DB%8C%DA%AF_Nextjs\"><\/span>\n<p>  \u0634\u0631\u0648\u0639 \u0628\u0627 \u0635\u0641\u062d\u0647 \u062f\u06cc\u06af Next.js<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u067e\u06cc\u0645\u0627\u06cc\u0634 \u062f\u0648\u0628\u0627\u0631\u0647 \u0628\u0647 \u067e\u0648\u0634\u0647 \u0627\u0635\u0644\u06cc \u062a\u0644\u06af\u0631\u0627\u0645-\u0627\u067e \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645 <code>cd<\/code> \u0628\u0647 \u0622\u0646  \u0627\u06a9\u0646\u0648\u0646 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 boilerplate Next.js \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"nx\">npx<\/span> <span class=\"nx\">create<\/span><span class=\"o\">-<\/span><span class=\"nx\">next<\/span><span class=\"o\">-<\/span><span class=\"nx\">app<\/span><span class=\"p\">@<\/span><span class=\"nd\">latest<\/span> <span class=\"nx\">frontend<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%AA%D9%88%D8%B3%D8%B9%D9%87_%D8%B1%D8%A7%D8%A8%D8%B7_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C_%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86_%D8%AA%D9%84%DA%AF%D8%B1%D8%A7%D9%85\"><\/span>\n<p>  \u062a\u0648\u0633\u0639\u0647 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u062a\u0644\u06af\u0631\u0627\u0645<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc Next.js \u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u0641\u0642\u0637 \u0628\u0647 \u0645\u0642\u062f\u0627\u0631\u06cc \u06a9\u062f HTML \u0648 CSS \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f.  \u06a9\u062f \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0635\u062d\u06cc\u062d \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f <code>src\/pages\/index.js<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code> <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">useState<\/span><span class=\"p\">,<\/span> <span class=\"nx\">useEffect<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">react<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">import<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">..\/styles\/Home.module.css<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">export<\/span> <span class=\"k\">default<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">Home<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nx\">useEffect<\/span><span class=\"p\">(()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">fetchAPI<\/span><span class=\"p\">();<\/span>\n      <span class=\"p\">},<\/span> <span class=\"p\">[]);<\/span>\n\n      <span class=\"kd\">const<\/span> <span class=\"p\">[<\/span><span class=\"nx\">loading<\/span><span class=\"p\">,<\/span> <span class=\"nx\">setLoading<\/span><span class=\"p\">]<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">useState<\/span><span class=\"p\">(<\/span><span class=\"kc\">true<\/span><span class=\"p\">);<\/span>\n\n      <span class=\"kd\">const<\/span> <span class=\"p\">[<\/span><span class=\"nx\">data<\/span><span class=\"p\">,<\/span> <span class=\"nx\">setData<\/span><span class=\"p\">]<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">useState<\/span><span class=\"p\">([]);<\/span>\n\n      <span class=\"kd\">const<\/span> <span class=\"nx\">fetchAPI<\/span> <span class=\"o\">=<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">API<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">http:\/\/localhost:8080\/telegramprofiles<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n        <span class=\"nx\">fetch<\/span><span class=\"p\">(<\/span><span class=\"nx\">API<\/span><span class=\"p\">)<\/span>\n          <span class=\"p\">.<\/span><span class=\"nx\">then<\/span><span class=\"p\">((<\/span><span class=\"nx\">response<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">return<\/span> <span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nx\">json<\/span><span class=\"p\">();<\/span>\n          <span class=\"p\">})<\/span>\n\n          <span class=\"p\">.<\/span><span class=\"nx\">then<\/span><span class=\"p\">((<\/span><span class=\"nx\">data<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n            <span class=\"nx\">setData<\/span><span class=\"p\">(<\/span><span class=\"nx\">data<\/span><span class=\"p\">);<\/span>\n\n            <span class=\"nx\">setLoading<\/span><span class=\"p\">(<\/span><span class=\"kc\">false<\/span><span class=\"p\">);<\/span>\n\n            <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nx\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">data<\/span><span class=\"p\">);<\/span>\n          <span class=\"p\">});<\/span>\n      <span class=\"p\">};<\/span>\n\n      <span class=\"k\">return<\/span> <span class=\"p\">(<\/span>\n        <span class=\"o\">&lt;&gt;<\/span>\n          <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">header<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n            <span class=\"o\">&lt;<\/span><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Telegram<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>          <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>\n          <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">container<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n            <span class=\"p\">{<\/span><span class=\"nx\">loading<\/span> <span class=\"p\">?<\/span> <span class=\"p\">(<\/span>\n              <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span><span class=\"o\">&gt;<\/span>\n                <span class=\"o\">&lt;<\/span><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Loading<\/span><span class=\"p\">...<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>              <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>            <span class=\"p\">)<\/span> <span class=\"p\">:<\/span> <span class=\"p\">(<\/span>\n              <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">sidebar<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n                <span class=\"p\">{<\/span><span class=\"nx\">data<\/span><span class=\"p\">.<\/span><span class=\"nx\">map<\/span><span class=\"p\">((<\/span><span class=\"nx\">profile<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">(<\/span>\n                  <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">profile-container<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n                    <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">profile<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n                      <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">profile-image-container<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n                        <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">profile-image<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>                      <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>\n                      <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">profile-message<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n                        <span class=\"o\">&lt;<\/span><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"p\">{<\/span><span class=\"nx\">profile<\/span><span class=\"p\">.<\/span><span class=\"nx\">username<\/span><span class=\"p\">}<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>\n                        <span class=\"o\">&lt;<\/span><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"p\">{<\/span><span class=\"nx\">profile<\/span><span class=\"p\">.<\/span><span class=\"nx\">last_message<\/span><span class=\"p\">}<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>                      <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>\n                      <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">profile-date<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n                        <span class=\"o\">&lt;<\/span><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"p\">{<\/span><span class=\"nx\">profile<\/span><span class=\"p\">.<\/span><span class=\"nx\">last_message_date<\/span><span class=\"p\">}<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>                      <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>                    <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>                  <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>                <span class=\"p\">))}<\/span>\n              <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>            <span class=\"p\">)}<\/span>\n\n            <span class=\"o\">&lt;<\/span><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">main<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n              <span class=\"o\">&lt;<\/span><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Select<\/span> <span class=\"nx\">a<\/span> <span class=\"nx\">chat<\/span> <span class=\"nx\">to<\/span> <span class=\"nx\">start<\/span> <span class=\"nx\">messaging<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>            <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>          <span class=\"o\">&lt;<\/span><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>        <span class=\"o\">&lt;<\/span><span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0648 \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u062f\u0631 <code>styles\/global.css<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight css\"><code>  <span class=\"k\">@import<\/span> <span class=\"sx\">url('..\/styles\/Home.module.css')<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">@import<\/span> <span class=\"sx\">url('https:\/\/fonts.googleapis.com\/css2?family=Roboto&amp;display=swap')<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"o\">*,<\/span>\n    <span class=\"o\">*<\/span><span class=\"nd\">::before<\/span><span class=\"o\">,<\/span>\n    <span class=\"o\">*<\/span><span class=\"nd\">::after<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">box-sizing<\/span><span class=\"p\">:<\/span> <span class=\"n\">border-box<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nd\">:root<\/span> <span class=\"p\">{<\/span>\n      <span class=\"py\">--main-font-family<\/span><span class=\"p\">:<\/span> <span class=\"s2\">'Roboto'<\/span><span class=\"p\">,<\/span> <span class=\"nb\">sans-serif<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"py\">--main-font-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#ffffff<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"py\">--main-font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">16px<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nt\">html<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--main-font-size<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nt\">body<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#24303f<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#ffffff<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u06a9\u067e\u06cc \u0648 \u062f\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f <code>styles\/Home.module.css<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight css\"><code>    <span class=\"nc\">.header<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">text-align<\/span><span class=\"p\">:<\/span> <span class=\"nb\">center<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#b1bfcf<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">font-weight<\/span><span class=\"p\">:<\/span> <span class=\"nb\">bold<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">margin-top<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.2rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.container<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">100%<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">flex-flow<\/span><span class=\"p\">:<\/span> <span class=\"n\">row<\/span> <span class=\"nb\">nowrap<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">justify-content<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex-start<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.sidebar<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#1a222c<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">flex-flow<\/span><span class=\"p\">:<\/span> <span class=\"n\">row<\/span> <span class=\"nb\">nowrap<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile<\/span><span class=\"nd\">:hover<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#3d6a97<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile-image-container<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.3rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile-image<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">100%<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">3rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">height<\/span><span class=\"p\">:<\/span> <span class=\"m\">3rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#baf6af<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile-message<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">margin-left<\/span><span class=\"p\">:<\/span> <span class=\"m\">1rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">10rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">flex-flow<\/span><span class=\"p\">:<\/span> <span class=\"n\">column<\/span> <span class=\"nb\">nowrap<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">align-items<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex-start<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">justify-content<\/span><span class=\"p\">:<\/span> <span class=\"nb\">center<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">border-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.01rem<\/span> <span class=\"nb\">solid<\/span> <span class=\"m\">#b1bfcf<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile-message<\/span> <span class=\"nt\">p<\/span><span class=\"nd\">:nth-child<\/span><span class=\"o\">(<\/span><span class=\"err\">2<\/span><span class=\"o\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#b1bfcf<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile-date<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.5rem<\/span> <span class=\"m\">0.5rem<\/span> <span class=\"m\">0<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">border-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.01rem<\/span> <span class=\"nb\">solid<\/span> <span class=\"m\">#b1bfcf<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.profile-date<\/span> <span class=\"nt\">p<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#b1bfcf<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.8rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.main<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">flex-flow<\/span><span class=\"p\">:<\/span> <span class=\"n\">row<\/span> <span class=\"nb\">nowrap<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">justify-content<\/span><span class=\"p\">:<\/span> <span class=\"nb\">center<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">100%<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nc\">.main<\/span> <span class=\"nt\">p<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nl\">margin-top<\/span><span class=\"p\">:<\/span> <span class=\"m\">40rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#b1bfcf<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#1a222c<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">height<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.7rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">1rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.5rem<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.9rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 PostgreSQL\u060c \u0633\u0631\u0648\u0631\u0647\u0627\u06cc \u0628\u0627\u0637\u0646 \u0648 \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f \u0634\u0645\u0627 \u0647\u0645\u06af\u06cc \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627 \u0647\u0633\u062a\u0646\u062f.  \u0628\u0647 http:\/\/localhost:3000\/ \u0628\u0631\u0648\u06cc\u062f \u0648 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u062a\u0644\u06af\u0631\u0627\u0645 \u0628\u0627 \u0645\u0642\u062f\u0627\u0631\u06cc \u062f\u0627\u062f\u0647 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f.  \u0627\u06cc\u0646 \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f \u06a9\u0647 \u0686\u0642\u062f\u0631 \u067e\u062a\u0627\u0646\u0633\u06cc\u0644 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u067e\u0634\u062a\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.  \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f\u060c \u062d\u062a\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u062c\u062f\u0648\u0644 \u062f\u06cc\u06af\u0631\u06cc \u0628\u0631\u0627\u06cc \u0646\u0638\u0631\u0627\u062a \u0627\u0641\u0631\u0627\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0633\u067e\u0633 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \u067e\u0646\u062c\u0631\u0647 \u0686\u062a \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f.<\/p>\n<p>Socket.IO \u06cc\u06a9 \u0628\u0633\u062a\u0647 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0686\u062a \u0628\u0644\u0627\u062f\u0631\u0646\u06af \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \ud83d\ude09<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D9%81%DA%A9%D8%A7%D8%B1_%D9%86%D9%87%D8%A7%DB%8C%DB%8C\"><\/span>\n<p>  \u0627\u0641\u06a9\u0627\u0631 \u0646\u0647\u0627\u06cc\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0633\u06a9\u062a\u0627\u067e \u062a\u0644\u06af\u0631\u0627\u0645 \u0645\u0634\u0627\u0628\u0647 \u0628\u0627 PostgreSQL \u0648 Next.js \u06cc\u06a9 \u062a\u0631\u06a9\u06cc\u0628 \u0642\u0648\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647 \u0627\u06cc \u0627\u0645\u0646\u060c \u0633\u0631\u06cc\u0639 \u0648 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.  \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647 \u0633\u0631\u0639\u062a \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u067e\u0648\u06cc\u0627 \u0648 \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0631\u0627 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0633\u0626\u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f\u060c \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u0628\u0631\u062f\u0627\u0631\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc Next.js.<\/p>\n<p>PostgreSQL \u06cc\u06a9 \u0631\u0627\u0647 \u062d\u0644 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f \u0648 \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u067e\u0631 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u062f\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u062a\u0644\u06af\u0631\u0627\u0645 \u0637\u06cc\u0641 \u06af\u0633\u062a\u0631\u062f\u0647 \u0627\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0648 \u0641\u0631\u0635\u062a \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.  \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc\u060c \u0627\u06cc\u0646 \u067e\u0634\u062a\u0647 \u06cc\u06a9 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0627\u06cc\u0644 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e \u0645\u062f\u0631\u0646 \u0648 \u063a\u0646\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>\u0628\u0627 \u062a\u0634\u06a9\u0631 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646!<\/p>\n<p>\u0627\u06af\u0631 \u0627\u0631\u0632\u0634\u06cc \u0631\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0631\u062f\u06cc\u062f\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0627\u0632 \u0622\u0646 \u062f\u0633\u062a\u0647 \u0627\u0641\u0631\u0627\u062f\u06cc \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0627\u0631\u0632\u0634\u06cc \u06a9\u0647 Livecycle \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0648 \u062c\u0631\u06cc\u0627\u0646\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc \u062a\u0648\u0633\u0639\u0647 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0627\u0631\u0645\u063a\u0627\u0646 \u0628\u06cc\u0627\u0648\u0631\u062f\u060c \u0642\u062f\u0631\u062f\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.  \u062e\u0648\u0634\u062d\u0627\u0644 \u0645\u06cc \u0634\u0648\u0645 \u0627\u06af\u0631 SDK \u0645\u0627 \u0631\u0627 \u0631\u0648\u06cc \u06cc\u06a9\u06cc \u0627\u0632 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0627 \u062a\u06cc\u0645 \u062e\u0648\u062f \u0628\u0647 \u0622\u0646 \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u062f.  \ud83d\ude4f<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>TL; DR \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634\u060c \u0646\u062d\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0634\u0628\u06cc\u0647 \u062a\u0644\u06af\u0631\u0627\u0645 \u0631\u0627 \u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u062c\u0627\u062f\u0648\u06cc\u06cc PostgreSQL \u0648 Next.js \u062e\u0648\u0627\u0647\u06cc\u062f \u0622\u0645\u0648\u062e\u062a. \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u06cc\u0627\u0645 \u0631\u0633\u0627\u0646 \u062a\u0644\u06af\u0631\u0627\u0645 &#8211; \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0633\u0631\u06cc\u0639 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0627 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u06cc\u0627\u0645 \u0631\u0633\u0627\u0646 \u062a\u0644\u06af\u0631\u0627\u0645 \u0622\u0634\u0646\u0627\u06cc\u06cc \u062f\u0627\u0631\u06cc\u062f. \u0627\u06cc\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u067e\u06cc\u0627\u0645\u200c\u0631\u0633\u0627\u0646\u06cc \u0686\u0646\u062f \u067e\u0644\u062a\u0641\u0631\u0645\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u067e\u06cc\u0627\u0645\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u06cc\u060c \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u0648 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":5726,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-5725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/5725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=5725"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/5725\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/5726"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=5725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=5725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=5725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}