{"id":27460,"date":"2023-06-19T20:48:47","date_gmt":"2023-06-19T17:18:47","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/"},"modified":"2023-06-19T20:48:47","modified_gmt":"2023-06-19T17:18:47","slug":"how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/","title":{"rendered":"\u0646\u062d\u0648\u0647 \u0627\u0631\u0633\u0627\u0644 \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634\u0627\u0645\u062f\u06af\u0648\u06cc\u06cc \u06af\u0631\u0645 \u0628\u0627 Resend\u060c Next-Auth \u0648 React-Email"},"content":{"rendered":"<div data-article-id=\"1503392\" id=\"article-body\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 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\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%AF%D8%B1_%D8%A7%DB%8C%D9%86_%D9%85%D9%82%D8%A7%D9%84%D9%87_%DA%86%D9%87_%D8%AE%D9%88%D8%A7%D9%87%DB%8C%D8%AF_%DB%8C%D8%A7%D9%81%D8%AA%D8%9F\" >\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0686\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u0627\u0641\u062a\u061f<\/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\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#Papermark_%E2%80%93_%D8%A7%D9%88%D9%84%DB%8C%D9%86_%D8%AC%D8%A7%DB%8C%DA%AF%D8%B2%DB%8C%D9%86_%D9%85%D9%86%D8%A8%D8%B9_%D8%A8%D8%A7%D8%B2_%D9%BE%D9%88%DB%8C%D8%A7_%D8%A8%D8%B1%D8%A7%DB%8C_DocSend\" >Papermark &#8211; \u0627\u0648\u0644\u06cc\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u067e\u0648\u06cc\u0627 \u0628\u0631\u0627\u06cc DocSend.<\/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\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D9%BE%D8%B1%D9%88%DA%98%D9%87_%D8%B1%D8%A7_%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%DA%A9%D9%86%DB%8C%D8%AF\" >\u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \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-4\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%DA%86%D8%A7%DB%8C_%D8%B1%D8%A7_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%DB%8C%D8%AF\" >\u0686\u0627\u06cc \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_Nextjs_%D8%A8%D8%A7_TypeScript_%D9%88_Tailwindcss\" >\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc Next.js \u0628\u0627 TypeScript \u0648 Tailwindcss<\/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\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_Next-Auth\" >\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc Next-Auth<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%D9%85%D8%AC%D8%AF%D8%AF_%D8%A7%D8%B1%D8%B3%D8%A7%D9%84\" >\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062c\u062f\u062f \u0627\u0631\u0633\u0627\u0644<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_React-Email\" >\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc React-Email<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B3%D8%A7%D8%AE%D8%AA_%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86\" >\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B4%D9%85%D8%A7%D8%B1%D9%87_1_%D8%AB%D8%A8%D8%AA_%D9%86%D8%A7%D9%85_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1\" >\u0634\u0645\u0627\u0631\u0647 1 \u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B4%D9%85%D8%A7%D8%B1%D9%87_2_%D8%A7%D8%B1%D8%B3%D8%A7%D9%84_%D8%A7%DB%8C%D9%85%DB%8C%D9%84_%D8%AE%D9%88%D8%B4_%D8%A2%D9%85%D8%AF%DB%8C%D8%AF\" >\u0634\u0645\u0627\u0631\u0647 2 \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f<\/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\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D8%B4%D9%85%D8%A7%D8%B1%D9%87_3_%D9%82%D8%A7%D9%84%D8%A8_%D8%A7%DB%8C%D9%85%DB%8C%D9%84\" >\u0634\u0645\u0627\u0631\u0647 3 \u0642\u0627\u0644\u0628 \u0627\u06cc\u0645\u06cc\u0644<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D9%BE%D8%A7%D8%AF%D8%A7%D8%B4_%D9%BE%DB%8C%D8%B4_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%D8%A7%DB%8C%D9%85%DB%8C%D9%84_%D9%87%D8%A7\" >\u067e\u0627\u062f\u0627\u0634: \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%D9%86%D8%AA%DB%8C%D8%AC%D9%87\" >\u0646\u062a\u06cc\u062c\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/nabfollower.com\/blog\/how-to-send-a-warm-welcome-email-with-resend-next-auth-and-react-email-576f\/#%DA%A9%D9%85%DA%A9_%DA%A9%D9%86%DB%8C%D8%AF_%D8%AE%D8%A7%D8%B1%D8%AC_%D8%B4%D9%88%D9%85\" >\u06a9\u0645\u06a9 \u06a9\u0646\u06cc\u062f \u062e\u0627\u0631\u062c \u0634\u0648\u0645!<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AF%D8%B1_%D8%A7%DB%8C%D9%86_%D9%85%D9%82%D8%A7%D9%84%D9%87_%DA%86%D9%87_%D8%AE%D9%88%D8%A7%D9%87%DB%8C%D8%AF_%DB%8C%D8%A7%D9%81%D8%AA%D8%9F\"><\/span>\n<p>  \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0686\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u0627\u0641\u062a\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0627 \u0627\u063a\u0644\u0628 \u0628\u0627 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc\u06cc \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u06a9\u0647 \u0647\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0647 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634\u200c\u0622\u0645\u062f\u06af\u0648\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.  \u0627\u06cc\u0646 \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u062a\u0623\u06cc\u06cc\u062f \u0622\u062f\u0631\u0633 \u0627\u06cc\u0645\u06cc\u0644 \u0645\u0627\u060c \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u067e\u0644\u062a\u0641\u0631\u0645 \u0648 \u0627\u06cc\u062c\u0627\u062f \u0627\u062d\u0633\u0627\u0633 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0645\u0627 \u0647\u0633\u062a\u0646\u062f.  \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f \u0645\u06cc \u06af\u06cc\u0631\u06cc\u0645 \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Resend\u060c Next-Auth.js \u0648 React-Email \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634 \u0622\u0645\u062f\u06af\u0648\u06cc\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u06cc\u0632\u06cc \u0634\u062f\u0647 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u0645. <\/p>\n<p><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Papermark_%E2%80%93_%D8%A7%D9%88%D9%84%DB%8C%D9%86_%D8%AC%D8%A7%DB%8C%DA%AF%D8%B2%DB%8C%D9%86_%D9%85%D9%86%D8%A8%D8%B9_%D8%A8%D8%A7%D8%B2_%D9%BE%D9%88%DB%8C%D8%A7_%D8%A8%D8%B1%D8%A7%DB%8C_DocSend\"><\/span>\n<p>  Papermark &#8211; \u0627\u0648\u0644\u06cc\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u067e\u0648\u06cc\u0627 \u0628\u0631\u0627\u06cc DocSend.<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0642\u0628\u0644 \u0627\u0632 \u0634\u0631\u0648\u0639\u060c \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f Papermark \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0646\u0645.  \u0627\u06cc\u0646 \u06cc\u06a9 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0628\u0631\u0627\u06cc DocSend \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc \u0627\u0645\u0646 \u0627\u0633\u0646\u0627\u062f\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u062a\u062c\u0632\u06cc\u0647 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0628\u0644\u0627\u062f\u0631\u0646\u06af \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.  \u0627\u06cc\u0646 \u0647\u0645\u0647 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0627\u0633\u062a!<\/p>\n<p>\u0645\u0646 \u06a9\u0627\u0645\u0644\u0627\u064b \u0647\u06cc\u062c\u0627\u0646 \u0632\u062f\u0647 \u062e\u0648\u0627\u0647\u0645 \u0634\u062f \u0627\u06af\u0631 \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0645\u0627 \u06cc\u06a9 \u0633\u062a\u0627\u0631\u0647 \u0628\u062f\u0647\u06cc\u062f!  \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0646\u0638\u0631\u0627\u062a \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f \u2764\ufe0f<br \/>https:\/\/github.com\/mfts\/papermark<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/06\/\u0646\u062d\u0648\u0647-\u0627\u0631\u0633\u0627\u0644-\u06cc\u06a9-\u0627\u06cc\u0645\u06cc\u0644-\u062e\u0648\u0634\u0627\u0645\u062f\u06af\u0648\u06cc\u06cc-\u06af\u0631\u0645-\u0628\u0627-Resend\u060c-Next-Auth-\u0648.png\" alt=\"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u06a9\u0627\u063a\u0630 \u0645\u0627\u0631\u06a9\" loading=\"lazy\" width=\"800\" height=\"562\" title=\"\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%BE%D8%B1%D9%88%DA%98%D9%87_%D8%B1%D8%A7_%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u062c\u0644\u0648 \u0628\u0631\u0648\u06cc\u0645 \u0648 \u0645\u062d\u06cc\u0637 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0632 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u0645.  \u0645\u0627 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 Next.js \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0648 \u062e\u062f\u0645\u0627\u062a \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%DA%86%D8%A7%DB%8C_%D8%B1%D8%A7_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u0686\u0627\u06cc \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0642\u0628\u0644 \u0627\u0632 \u063a\u0648\u0627\u0635\u06cc\u060c \u0627\u06cc\u062f\u0647 \u062e\u0648\u0628\u06cc \u0627\u0633\u062a \u06a9\u0647 \u06cc\u06a9 \u0645\u062f\u06cc\u0631 \u0628\u0633\u062a\u0647 \u062f\u0633\u062a\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u060c \u0645\u0627\u0646\u0646\u062f <code>tea<\/code>.  \u0627\u06cc\u0646 \u0645\u062d\u06cc\u0637 \u062a\u0648\u0633\u0639\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0627\u062f\u0627\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0632\u0646\u062f\u06af\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f!<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>sh &lt;<span class=\"o\">(<\/span>curl https:\/\/tea.xyz<span class=\"o\">)<\/span>\n\n<span class=\"c\"># --- OR ---<\/span>\n<span class=\"c\"># using brew<\/span>\nbrew <span class=\"nb\">install <\/span>teaxyz\/pkgs\/tea-cli\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><code>tea<\/code>  \u0634\u0645\u0627 \u0631\u0627 \u0622\u0632\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0631\u0648\u06cc \u06a9\u062f \u062e\u0648\u062f \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f\u060c \u0632\u06cc\u0631\u0627 \u0628\u0647 \u0646\u0635\u0628 \u0622\u0646 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f <code>node<\/code>\u060c <code>npm<\/code>\u060c <code>vercel<\/code> \u0648 \u0647\u0631 \u0628\u0633\u062a\u0647 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0646\u06cc\u0627\u0632 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.  \u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u0633\u0645\u062a \u0627\u06cc\u0646 \u0627\u0633\u062a\u060c <code>tea<\/code> \u0647\u0645\u0647 \u0628\u0633\u062a\u0647 \u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u067e\u0648\u0634\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0646\u0635\u0628 \u0645\u06cc \u06a9\u0646\u062f (<em>\u067e\u06cc\u0634 \u0641\u0631\u0636: <code>~\/.tea<\/code><\/em>)\u060c \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645 \u062e\u0648\u062f \u0631\u0627 \u0645\u0631\u062a\u0628 \u0648 \u0645\u0631\u062a\u0628 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f.<\/p>\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_Nextjs_%D8%A8%D8%A7_TypeScript_%D9%88_Tailwindcss\"><\/span>\n<p>  \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc Next.js \u0628\u0627 TypeScript \u0648 Tailwindcss<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f <code>create-next-app<\/code> \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 Next.js \u062c\u062f\u06cc\u062f.  \u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0632 TypeScript \u0648 Tailwind CSS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u0648\u0642\u062a\u06cc \u0627\u0632 \u0634\u0645\u0627 \u062e\u0648\u0627\u0633\u062a\u0647 \u0634\u062f \u0622\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npx create-next-app\n\n<span class=\"c\"># ---<\/span>\n<span class=\"c\"># you'll be asked the following prompts<\/span>\nWhat is your project named?  my-app\nWould you like to add TypeScript with this project?  Y\/N\n<span class=\"c\"># select `Y` for typescript<\/span>\nWould you like to use ESLint with this project?  Y\/N\n<span class=\"c\"># select `Y` for ESLint<\/span>\nWould you like to use Tailwind CSS with this project? Y\/N\n<span class=\"c\"># select `Y` for Tailwind CSS<\/span>\nWould you like to use the <span class=\"sb\">`<\/span>src\/ directory<span class=\"sb\">`<\/span> with this project? Y\/N\n<span class=\"c\"># select `N` for `src\/` directory<\/span>\nWhat import <span class=\"nb\">alias <\/span>would you like configured? <span class=\"sb\">`<\/span>@\/<span class=\"k\">*<\/span><span class=\"sb\">`<\/span>\n<span class=\"c\"># enter `@\/*` for import alias<\/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%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_Next-Auth\"><\/span>\n<p>  \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc Next-Auth<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Next-Auth \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0628\u0631\u0627\u06cc Next.js \u0627\u0633\u062a.  \u0645\u0646 \u0647\u0645 \u062f\u0627\u0631\u0645 \u0646\u0635\u0628 \u0645\u06cc\u06a9\u0646\u0645 <code>prisma-adapter<\/code> \u0628\u0631\u0627\u06cc Next-Auth\u060c \u06a9\u0647 \u0628\u0647 \u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0627\u0632 Prisma \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 ORM \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npm <span class=\"nb\">install <\/span>next-auth @next-auth\/prisma-adapter\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%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%D9%85%D8%AC%D8%AF%D8%AF_%D8%A7%D8%B1%D8%B3%D8%A7%D9%84\"><\/span>\n<p>  \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062c\u062f\u062f \u0627\u0631\u0633\u0627\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u0631\u0633\u0627\u0644 \u0645\u062c\u062f\u062f \u0633\u0631\u0648\u06cc\u0633\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u062a\u0631\u0627\u06a9\u0646\u0634\u06cc \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 API \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0645\u0627 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npm <span class=\"nb\">install <\/span>resend\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\u0631\u0633\u0627\u0644 \u0645\u062c\u062f\u062f \u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u06a9\u0644\u06cc\u062f API \u062e\u0648\u062f \u0631\u0627 \u0627\u0632 https:\/\/resend.com \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f.  \u0627\u06cc\u0646 \u06a9\u0644\u06cc\u062f API \u0631\u0627 \u0628\u0647 \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f <code>.env<\/code> \u0641\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"c\"># .env<\/span>\n<span class=\"nv\">RESEND_API_KEY<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"YOUR_API_KEY\"<\/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%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_React-Email\"><\/span>\n<p>  \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc React-Email<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>React.email \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0647\u0627\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0644\u0627 \u0648 \u0628\u062f\u0648\u0646 \u0633\u0628\u06a9 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u0632\u06cc\u0628\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React \u0648 TypeScript \u0627\u0633\u062a.  \u0627\u06cc\u0646 \u0627\u0632 \u0647\u0645\u0627\u0646 \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 Resend \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npm <span class=\"nb\">install <\/span>react-email @react-email\/components\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\u0646 \u0641\u0642\u0637 \u0628\u0633\u062a\u0647 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0647\u0627 \u0631\u0627 \u0646\u0635\u0628 \u0645\u06cc \u06a9\u0646\u0645\u060c \u0627\u0645\u0627 \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0633\u062a\u0647 \u06a9\u0627\u0645\u0644 \u0631\u0627 \u06a9\u0647 \u0634\u0627\u0645\u0644 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0647\u0627 \u0648 \u06cc\u06a9 \u062a\u0645 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0627\u0633\u062a \u0646\u06cc\u0632 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A7%D8%AE%D8%AA_%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86\"><\/span>\n<p>  \u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u06a9\u0647 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u062e\u0648\u062f \u0631\u0627 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645\u060c \u0622\u0645\u0627\u062f\u0647 \u0634\u0631\u0648\u0639 \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u0647\u0633\u062a\u06cc\u0645.  \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u06a9\u0647 \u0645\u0627 \u067e\u0648\u0634\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n<ul>\n<li>\u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631<\/li>\n<li>\u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f<\/li>\n<li>\u0642\u0627\u0644\u0628 \u0627\u06cc\u0645\u06cc\u0644<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B4%D9%85%D8%A7%D8%B1%D9%87_1_%D8%AB%D8%A8%D8%AA_%D9%86%D8%A7%D9%85_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1\"><\/span>\n<p>  \u0634\u0645\u0627\u0631\u0647 1 \u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06cc\u0646 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0628\u0627\u0637\u0646 \u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0627\u0632 \u0627\u0633\u0646\u0627\u062f \u0627\u0639\u062a\u0628\u0627\u0631 \u0628\u0639\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f <code>prisma<\/code> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0648 \u06af\u0648\u06af\u0644 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f\u0647 \u0627\u0639\u062a\u0628\u0627\u0631. <\/p>\n<p>\u0645\u0627 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634 \u0622\u0645\u062f\u06af\u0648\u06cc\u06cc \u0631\u0627 \u062f\u0631 \u062a\u0627\u0628\u0639 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u06cc\u0645 <code>sendWelcomeEmail<\/code> \u0632\u06cc\u0631<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ pages\/api\/auth\/[...nextauth].ts<\/span>\n<span class=\"k\">import<\/span> <span class=\"nx\">NextAuth<\/span><span class=\"p\">,<\/span> <span class=\"p\">{<\/span> <span class=\"kd\">type<\/span> <span class=\"nx\">NextAuthOptions<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">next-auth<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"nx\">GoogleProvider<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">next-auth\/providers\/google<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">PrismaAdapter<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">@next-auth\/prisma-adapter<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"nx\">prisma<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">@\/lib\/prisma<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">sendWelcomeEmail<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">@\/lib\/emails\/send-welcome<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n\n<span class=\"k\">export<\/span> <span class=\"kd\">const<\/span> <span class=\"nx\">authOptions<\/span><span class=\"p\">:<\/span> <span class=\"nx\">NextAuthOptions<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n  <span class=\"na\">providers<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\n    <span class=\"nx\">GoogleProvider<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">clientId<\/span><span class=\"p\">:<\/span> <span class=\"nx\">process<\/span><span class=\"p\">.<\/span><span class=\"nx\">env<\/span><span class=\"p\">.<\/span><span class=\"nx\">GOOGLE_CLIENT_ID<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">clientSecret<\/span><span class=\"p\">:<\/span> <span class=\"nx\">process<\/span><span class=\"p\">.<\/span><span class=\"nx\">env<\/span><span class=\"p\">.<\/span><span class=\"nx\">GOOGLE_CLIENT_SECRET<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n    <span class=\"p\">}),<\/span>\n  <span class=\"p\">],<\/span>\n  <span class=\"na\">adapter<\/span><span class=\"p\">:<\/span> <span class=\"nx\">PrismaAdapter<\/span><span class=\"p\">(<\/span><span class=\"nx\">prisma<\/span><span class=\"p\">),<\/span>\n  <span class=\"na\">session<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">strategy<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">jwt<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">},<\/span>\n  <span class=\"na\">callbacks<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">jwt<\/span><span class=\"p\">:<\/span> <span class=\"k\">async<\/span> <span class=\"p\">({<\/span> <span class=\"nx\">token<\/span><span class=\"p\">,<\/span> <span class=\"nx\">user<\/span> <span class=\"p\">})<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">if<\/span> <span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">token<\/span><span class=\"p\">.<\/span><span class=\"nx\">email<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"p\">{};<\/span>\n      <span class=\"p\">}<\/span>\n      <span class=\"k\">if<\/span> <span class=\"p\">(<\/span><span class=\"nx\">user<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">token<\/span><span class=\"p\">.<\/span><span class=\"nx\">user<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">user<\/span><span class=\"p\">;<\/span>\n      <span class=\"p\">}<\/span>\n      <span class=\"k\">return<\/span> <span class=\"nx\">token<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">},<\/span>\n  <span class=\"p\">},<\/span>\n  <span class=\"na\">events<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">async<\/span> <span class=\"nx\">createUser<\/span><span class=\"p\">(<\/span><span class=\"nx\">message<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">params<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n        <span class=\"na\">user<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n          <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"nx\">message<\/span><span class=\"p\">.<\/span><span class=\"nx\">user<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n          <span class=\"na\">email<\/span><span class=\"p\">:<\/span> <span class=\"nx\">message<\/span><span class=\"p\">.<\/span><span class=\"nx\">user<\/span><span class=\"p\">.<\/span><span class=\"nx\">email<\/span><span class=\"p\">,<\/span>\n        <span class=\"p\">},<\/span>\n      <span class=\"p\">};<\/span>\n      <span class=\"k\">await<\/span> <span class=\"nx\">sendWelcomeEmail<\/span><span class=\"p\">(<\/span><span class=\"nx\">params<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ &lt;-- send welcome email<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">},<\/span>\n<span class=\"p\">};<\/span>\n\n<span class=\"k\">export<\/span> <span class=\"k\">default<\/span> <span class=\"nx\">NextAuth<\/span><span class=\"p\">(<\/span><span class=\"nx\">authOptions<\/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<h3><span class=\"ez-toc-section\" id=\"%D8%B4%D9%85%D8%A7%D8%B1%D9%87_2_%D8%A7%D8%B1%D8%B3%D8%A7%D9%84_%D8%A7%DB%8C%D9%85%DB%8C%D9%84_%D8%AE%D9%88%D8%B4_%D8%A2%D9%85%D8%AF%DB%8C%D8%AF\"><\/span>\n<p>  \u0634\u0645\u0627\u0631\u0647 2 \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06cc\u0646 \u062f\u0648\u0645\u06cc\u0646 \u062a\u0627\u0628\u0639 backend \u0645\u0627 \u0627\u0633\u062a \u06a9\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f <code>sendWelcomeEmail<\/code> \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f <code>resend<\/code> \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ lib\/emails\/send-welcome.ts<\/span>\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Resend<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">resend<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">WelcomeEmail<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">@\/components\/emails\/welcome<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">resend<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nx\">Resend<\/span><span class=\"p\">(<\/span><span class=\"nx\">process<\/span><span class=\"p\">.<\/span><span class=\"nx\">env<\/span><span class=\"p\">.<\/span><span class=\"nx\">RESEND_API_KEY<\/span><span class=\"o\">!<\/span><span class=\"p\">);<\/span>\n\n<span class=\"k\">export<\/span> <span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nx\">sendWelcomeEmail<\/span><span class=\"p\">({<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">email<\/span><span class=\"p\">}:<\/span> <span class=\"p\">{<\/span><span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">null<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">undefined<\/span><span class=\"p\">,<\/span> <span class=\"nx\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">null<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">undefined<\/span><span class=\"p\">})<\/span> <span class=\"p\">{<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">emailTemplate<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">WelcomeEmail<\/span><span class=\"p\">({<\/span> <span class=\"nx\">name<\/span> <span class=\"p\">});<\/span>\n  <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Send the email using the Resend API<\/span>\n    <span class=\"k\">await<\/span> <span class=\"nx\">resend<\/span><span class=\"p\">.<\/span><span class=\"nx\">emails<\/span><span class=\"p\">.<\/span><span class=\"nx\">send<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">from<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Marc from Papermark &lt;marc@papermark.io&gt;<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">to<\/span><span class=\"p\">:<\/span> <span class=\"nx\">email<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">subject<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Welcome to Papermark!<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">react<\/span><span class=\"p\">:<\/span> <span class=\"nx\">emailTemplate<\/span><span class=\"p\">,<\/span>\n    <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=\"c1\">\/\/ Log any errors and re-throw the error<\/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=\"k\">throw<\/span> <span class=\"nx\">error<\/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<h3><span class=\"ez-toc-section\" id=\"%D8%B4%D9%85%D8%A7%D8%B1%D9%87_3_%D9%82%D8%A7%D9%84%D8%A8_%D8%A7%DB%8C%D9%85%DB%8C%D9%84\"><\/span>\n<p>  \u0634\u0645\u0627\u0631\u0647 3 \u0642\u0627\u0644\u0628 \u0627\u06cc\u0645\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0645\u062d\u062a\u0648\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u0634\u0648\u062f.  \u0645\u0627 \u0638\u0627\u0647\u0631 \u0648 \u0627\u062d\u0633\u0627\u0633 \u0627\u06cc\u0645\u06cc\u0644 \u0631\u0627 \u0628\u0627 \u0622\u0646 \u0633\u0641\u0627\u0631\u0634\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645 <code>react-email<\/code> \u0627\u062c\u0632\u0627\u0621. <\/p>\n<p>\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0628\u06cc\u0627\u0628\u06cc\u062f: https:\/\/demo.react.email\/preview\/vercel-invite-user<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code><span class=\"c1\">\/\/ components\/emails\/welcome.tsx<\/span>\n<span class=\"k\">import<\/span> <span class=\"nx\">React<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">react<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">Body<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Button<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Container<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Head<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Heading<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Html<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Preview<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Text<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Tailwind<\/span><span class=\"p\">,<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">@react-email\/components<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n\n\n<span class=\"kr\">interface<\/span> <span class=\"nx\">WelcomeEmailProps<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">null<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">undefined<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"k\">export<\/span> <span class=\"kd\">const<\/span> <span class=\"nx\">WelcomeEmail<\/span> <span class=\"o\">=<\/span> <span class=\"p\">({<\/span> <span class=\"nx\">name<\/span> <span class=\"p\">}:<\/span> <span class=\"nx\">WelcomeEmailProps<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">previewText<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`Welcome to Papermark, <\/span><span class=\"p\">${<\/span><span class=\"nx\">name<\/span><span class=\"p\">}<\/span><span class=\"s2\">!`<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"k\">return<\/span> <span class=\"p\">(<\/span>\n    <span class=\"p\">&lt;<\/span><span class=\"nc\">Html<\/span><span class=\"p\">&gt;<\/span>\n      <span class=\"p\">&lt;<\/span><span class=\"nc\">Head<\/span> <span class=\"p\">\/&gt;<\/span>\n      <span class=\"p\">&lt;<\/span><span class=\"nc\">Preview<\/span><span class=\"p\">&gt;<\/span><span class=\"si\">{<\/span><span class=\"nx\">previewText<\/span><span class=\"si\">}<\/span><span class=\"p\">&lt;\/<\/span><span class=\"nc\">Preview<\/span><span class=\"p\">&gt;<\/span>\n      <span class=\"p\">&lt;<\/span><span class=\"nc\">Tailwind<\/span><span class=\"p\">&gt;<\/span>\n        <span class=\"p\">&lt;<\/span><span class=\"nc\">Body<\/span> <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"bg-white my-auto mx-auto font-sans\"<\/span><span class=\"p\">&gt;<\/span>\n          <span class=\"p\">&lt;<\/span><span class=\"nc\">Container<\/span> <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"my-10 mx-auto p-5 w-[465px]\"<\/span><span class=\"p\">&gt;<\/span>\n            <span class=\"p\">&lt;<\/span><span class=\"nc\">Heading<\/span> <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"text-2xl font-normal text-center p-0 my-8 mx-0\"<\/span><span class=\"p\">&gt;<\/span>\n              Welcome to Papermark!\n            <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Heading<\/span><span class=\"p\">&gt;<\/span>\n            <span class=\"p\">&lt;<\/span><span class=\"nc\">Text<\/span> <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"text-sm\"<\/span><span class=\"p\">&gt;<\/span>Hello <span class=\"si\">{<\/span><span class=\"nx\">name<\/span><span class=\"si\">}<\/span>,<span class=\"p\">&lt;\/<\/span><span class=\"nc\">Text<\/span><span class=\"p\">&gt;<\/span>\n            <span class=\"p\">&lt;<\/span><span class=\"nc\">Text<\/span> <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"text-sm\"<\/span><span class=\"p\">&gt;<\/span>\n              We're excited to have you onboard at <span class=\"p\">&lt;<\/span><span class=\"nt\">span<\/span><span class=\"p\">&gt;<\/span>Papermark<span class=\"p\">&lt;\/<\/span><span class=\"nt\">span<\/span><span class=\"p\">&gt;<\/span>. We\n              hope you enjoy your journey with us. If you have any questions or\n              need assistance, feel free to reach out.\n            <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Text<\/span><span class=\"p\">&gt;<\/span>\n            <span class=\"p\">&lt;<\/span><span class=\"nc\">Section<\/span> <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"text-center mt-[32px] mb-[32px]\"<\/span><span class=\"p\">&gt;<\/span>\n              <span class=\"p\">&lt;<\/span><span class=\"nc\">Button<\/span>\n                <span class=\"na\">pX<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"mi\">20<\/span><span class=\"si\">}<\/span>\n                <span class=\"na\">pY<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"mi\">12<\/span><span class=\"si\">}<\/span>\n                <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"bg-[#00A3FF] rounded text-white text-xs font-semibold no-underline text-center\"<\/span>\n                <span class=\"na\">href<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">process<\/span><span class=\"p\">.<\/span><span class=\"nx\">env<\/span><span class=\"p\">.<\/span><span class=\"nx\">NEXT_PUBLIC_BASE_URL<\/span><span class=\"p\">}<\/span><span class=\"s2\">\/welcome`<\/span><span class=\"si\">}<\/span>\n              <span class=\"p\">&gt;<\/span>\n                Get Started\n              <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Button<\/span><span class=\"p\">&gt;<\/span>\n            <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Section<\/span><span class=\"p\">&gt;<\/span>\n            <span class=\"p\">&lt;<\/span><span class=\"nc\">Text<\/span> <span class=\"na\">className<\/span><span class=\"p\">=<\/span><span class=\"s\">\"text-sm\"<\/span><span class=\"p\">&gt;<\/span>\n              Cheers,\n              <span class=\"p\">&lt;<\/span><span class=\"nt\">br<\/span> <span class=\"p\">\/&gt;<\/span>\n              The Papermark Team\n            <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Text<\/span><span class=\"p\">&gt;<\/span>\n          <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Container<\/span><span class=\"p\">&gt;<\/span>\n        <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Body<\/span><span class=\"p\">&gt;<\/span>\n      <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Tailwind<\/span><span class=\"p\">&gt;<\/span>\n    <span class=\"p\">&lt;\/<\/span><span class=\"nc\">Html<\/span><span class=\"p\">&gt;<\/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<h3><span class=\"ez-toc-section\" id=\"%D9%BE%D8%A7%D8%AF%D8%A7%D8%B4_%D9%BE%DB%8C%D8%B4_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%D8%A7%DB%8C%D9%85%DB%8C%D9%84_%D9%87%D8%A7\"><\/span>\n<p>  \u067e\u0627\u062f\u0627\u0634: \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>React-Email \u062f\u0627\u0631\u0627\u06cc \u06cc\u06a9 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0646\u062f\u0631 \u062f\u0627\u062e\u0644\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.  \u0627\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634 \u0648 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0637\u0631\u062d \u0628\u0633\u06cc\u0627\u0631 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a. <\/p>\n<ul>\n<li>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 <code>email<\/code> \u06a9\u0644\u06cc\u062f \u0628\u0647 <code>scripts<\/code> \u0628\u062e\u0634 \u0634\u0645\u0627 <code>package.json<\/code> \u0641\u0627\u06cc\u0644.\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"err\">\/\/<\/span><span class=\"w\"> <\/span><span class=\"err\">package.json<\/span><span class=\"w\">\n<\/span><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"err\">...<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n    <\/span><span class=\"err\">...<\/span><span class=\"w\">\n    <\/span><span class=\"nl\">\"email\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"email dev --dir .\/components\/emails --port 3001\"<\/span><span class=\"w\">\n  <\/span><span class=\"p\">},<\/span><span class=\"w\">\n  <\/span><span class=\"err\">...<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/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<ul>\n<li>\u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0633\u0631\u0648\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u06cc\u0645\u06cc\u0644 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npm run email\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<ul>\n<li>\u0645\u0631\u0648\u0631\u06af\u0631 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0647 \u0622\u0646 \u0628\u0631\u0648\u06cc\u062f <code>http:\/\/localhost:3001<\/code> \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u062f.<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/06\/1687195127_316_\u0646\u062d\u0648\u0647-\u0627\u0631\u0633\u0627\u0644-\u06cc\u06a9-\u0627\u06cc\u0645\u06cc\u0644-\u062e\u0648\u0634\u0627\u0645\u062f\u06af\u0648\u06cc\u06cc-\u06af\u0631\u0645-\u0628\u0627-Resend\u060c-Next-Auth-\u0648.png\" alt=\"\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u0635\u0648\u06cc\u0631\" loading=\"lazy\" width=\"800\" height=\"576\" title=\"\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%AA%DB%8C%D8%AC%D9%87\"><\/span>\n<p>  \u0646\u062a\u06cc\u062c\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0648 \u0634\u0645\u0627 \u0622\u0646 \u0631\u0627 \u062f\u0627\u0631\u06cc\u062f!  \u0645\u0627 \u0633\u06cc\u0633\u062a\u0645\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u062e\u0648\u0634 \u0622\u0645\u062f\u06af\u0648\u06cc\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Resend\u060c Next-Auth \u0648 React-Email \u0633\u0627\u062e\u062a\u0647 \u0627\u06cc\u0645.  \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0645\u062b\u0627\u0644 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u0645\u06cc \u062a\u0648\u0627\u0646 \u0647\u0645\u0627\u0646 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0647\u0631 \u0646\u0648\u0639 \u0627\u06cc\u0645\u06cc\u0644\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0631\u0633\u0627\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u06af\u0633\u062a\u0631\u0634 \u062f\u0627\u062f.<\/p>\n<p>\u0645\u0645\u0646\u0648\u0646 \u06a9\u0647 \u062e\u0648\u0627\u0646\u062f\u06cc\u062f.  \u0645\u0646 \u0645\u0627\u0631\u06a9 \u0647\u0633\u062a\u0645\u060c \u06cc\u06a9 \u0645\u062f\u0627\u0641\u0639 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632.  \u0645\u0646 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a papermark.io \u0647\u0633\u062a\u0645 &#8211; \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0628\u0631\u0627\u06cc DocSend.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0645\u0646\u060c \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u06cc\u06a9 \u0633\u0641\u0631 \u0645\u062f\u0627\u0648\u0645 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0648 \u06a9\u0634\u0641 \u0627\u0633\u062a.  \u067e\u0633 \u062f\u0648\u0633\u062a\u0627\u0646 \u0645\u0646 \u0628\u0647 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0627\u062f\u0627\u0645\u0647 \u062f\u0647\u06cc\u062f!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%DA%A9%D9%85%DA%A9_%DA%A9%D9%86%DB%8C%D8%AF_%D8%AE%D8%A7%D8%B1%D8%AC_%D8%B4%D9%88%D9%85\"><\/span>\n<p>  \u06a9\u0645\u06a9 \u06a9\u0646\u06cc\u062f \u062e\u0627\u0631\u062c \u0634\u0648\u0645!<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06af\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0631\u0627 \u0645\u0641\u06cc\u062f \u06cc\u0627\u0641\u062a\u06cc\u062f \u0648 \u06a9\u0645\u06cc \u0628\u0647\u062a\u0631 \u0645\u062a\u0648\u062c\u0647 \u0627\u0631\u0633\u0627\u0644 \u0645\u062c\u062f\u062f\u060c \u062a\u0623\u06cc\u06cc\u062f \u0628\u0639\u062f\u06cc \u0648 \u0648\u0627\u06a9\u0646\u0634 \u0627\u06cc\u0645\u06cc\u0644 \u0634\u062f\u06cc\u062f\u060c \u0628\u0633\u06cc\u0627\u0631 \u062e\u0648\u0634\u062d\u0627\u0644 \u062e\u0648\u0627\u0647\u0645 \u0634\u062f \u0627\u06af\u0631 \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0645\u0627 \u0633\u062a\u0627\u0631\u0647 \u0628\u062f\u0647\u06cc\u062f!  \u0648 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0646\u0638\u0631\u0627\u062a \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f \u2764\ufe0f<\/p>\n<p>https:\/\/github.com\/mfts\/papermark<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/06\/1687195127_794_\u0646\u062d\u0648\u0647-\u0627\u0631\u0633\u0627\u0644-\u06cc\u06a9-\u0627\u06cc\u0645\u06cc\u0644-\u062e\u0648\u0634\u0627\u0645\u062f\u06af\u0648\u06cc\u06cc-\u06af\u0631\u0645-\u0628\u0627-Resend\u060c-Next-Auth-\u0648.gif\" alt=\"\u06af\u0631\u0628\u0647 \u0645\u0645\u0646\u0648\u0646\" loading=\"lazy\" width=\"498\" height=\"368\" data-animated=\"true\" title=\"\"><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0686\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u0627\u0641\u062a\u061f \u0645\u0627 \u0627\u063a\u0644\u0628 \u0628\u0627 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc\u06cc \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u06a9\u0647 \u0647\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0647 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0634\u200c\u0622\u0645\u062f\u06af\u0648\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u062a\u0623\u06cc\u06cc\u062f \u0622\u062f\u0631\u0633 \u0627\u06cc\u0645\u06cc\u0644 \u0645\u0627\u060c \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u067e\u0644\u062a\u0641\u0631\u0645 \u0648 \u0627\u06cc\u062c\u0627\u062f \u0627\u062d\u0633\u0627\u0633 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0645\u0627 \u0647\u0633\u062a\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u06cc\u0627\u062f \u0645\u06cc \u06af\u06cc\u0631\u06cc\u0645 \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":27461,"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-27460","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\/27460","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=27460"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/27460\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/27461"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=27460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=27460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=27460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}