{"id":57744,"date":"2023-07-18T16:28:46","date_gmt":"2023-07-18T10:58:46","guid":{"rendered":"https:\/\/tothenewco.pro\/blog\/?p=57744"},"modified":"2023-08-01T16:34:29","modified_gmt":"2023-08-01T11:04:29","slug":"using-webotp-api-in-nextjs-react","status":"publish","type":"post","link":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/","title":{"rendered":"Using WebOtp API in Nextjs \/ React"},"content":{"rendered":"<p>In today&#8217;s applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we may be able to auto-detect these SMS on native apps for Android or ios, Web-based applications users do not. But this is now possible with the help of WebOTP API; it gives websites the ability to programmatically obtain the one-time password from an SMS message and automatically fill the form for users with just one tap without switching apps.<\/p>\n<h3>How does it work?<\/h3>\n<p>Using the WebOTP API consists of three parts:<\/p>\n<ul>\n<li>A properly annotated &lt;input&gt; tag<\/li>\n<li>JavaScript in your web app<\/li>\n<li>Formatted message text sent via SMS.<\/li>\n<\/ul>\n<h3>A Properly Annotated Input Tag<\/h3>\n<p>&gt; Add <code>autocomplete=\"one-time-code\"<\/code>\u00a0to the\u00a0<code>&lt;input&gt;<\/code> tag where the OTP should be entered.<\/p>\n<pre>Example: &lt;input autocomplete='one-time-code' \/&gt;<\/pre>\n<h4>Javascript Code<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-57741 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/07\/Screenshot-from-2023-07-11-11-19-04.png\" alt=\"Useeffect code\" width=\"741\" height=\"374\" srcset=\"https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/07\/Screenshot-from-2023-07-11-11-19-04.png 741w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/07\/Screenshot-from-2023-07-11-11-19-04-300x151.png 300w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/07\/Screenshot-from-2023-07-11-11-19-04-624x315.png 624w\" sizes=\"auto, (max-width: 741px) 100vw, 741px\" \/><\/p>\n<p>Make sure to use ac.abort() after completion of the login process \/ running out of Otp entering time.<\/p>\n<p>We can wrap our code with if (&#8216;OTPCredential&#8217; in window){ \/* Code *\/} to use feature detection of WebOTP API.<\/p>\n<h2>SMS Format<\/h2>\n<p>&gt; The message begins with (optional) human-readable text that contains a four to ten-character alphanumeric string with at least one number leaving the last line for the URL and the OTP.<br \/>\n&gt; The domain part of the URL of the website that invoked the API must be preceded by @.<br \/>\n&gt; The URL must contain a pound sign (&#8216;#&#8217;) followed by the OTP.<\/p>\n<p>Example :<\/p>\n<p>Your OTP is: 123456.<\/p>\n<p>@www.yourdomain.com #123456<\/p>\n<p>Now that our code is ready, Let&#8217;s say you have entered the correct login details; you will receive an OTP on your registered SMS. To test this code, you can send an SMS from another phone to the phone where you are testing.<\/p>\n<p>Make sure that:<\/p>\n<ol>\n<li>RCS is off.<\/li>\n<li>That phone number should not be on your contacts list.<\/li>\n<li>The SMS format should be valid with the correct domain name.<\/li>\n<\/ol>\n<p class=\"c-mrkdwn__hex\">Once you receive the SMS, You will get a popup asking you to allow the web app to read your received SMS, If the SMS format is correct, your business logic should work as expected.<\/p>\n<p>Comment down in the comment section if you have any questions related to the process.<\/p>\n<div class=\"ap-custom-wrapper\"><\/div><!--ap-custom-wrapper-->","protected":false},"excerpt":{"rendered":"<p>In today&#8217;s applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we [&hellip;]<\/p>\n","protected":false},"author":1540,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":238,"footnotes":""},"categories":[3429,3038],"tags":[5282],"class_list":["post-57744","post","type-post","status-publish","format-standard","hentry","category-front-end-development","category-react-js","tag-webotp-otp-autologin"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"In today&#039;s applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Anshul Mittal\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"Using WebOtp API in Nextjs \/ React | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"In today&#039;s applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Using WebOtp API in Nextjs \/ React | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"In today&#039;s applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#article\",\"name\":\"Using WebOtp API in Nextjs \\\/ React | TO THE NEW Blog\",\"headline\":\"Using WebOtp API in Nextjs \\\/ React\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"\\\/blog\\\/wp-ttn-blog\\\/uploads\\\/2023\\\/07\\\/Screenshot-from-2023-07-11-11-19-04.png\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#articleImage\"},\"datePublished\":\"2023-07-18T16:28:46+05:30\",\"dateModified\":\"2023-08-01T16:34:29+05:30\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#webpage\"},\"articleSection\":\"Front End Development, React.js, webotp otp autologin\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/react-js\\\/#listItem\",\"name\":\"React.js\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/react-js\\\/#listItem\",\"position\":2,\"name\":\"React.js\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/react-js\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#listItem\",\"name\":\"Using WebOtp API in Nextjs \\\/ React\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#listItem\",\"position\":3,\"name\":\"Using WebOtp API in Nextjs \\\/ React\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/react-js\\\/#listItem\",\"name\":\"React.js\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/\",\"name\":\"Anshul Mittal\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#authorImage\",\"url\":\"https:\\\/\\\/newersworld-sf-static.tothenew.net\\\/prod\\\/profilePicFolder\\\/721a1d39-d21e-4d9d-8fbf-7e7321f60bea_4975-Anshul-Mittal-PROFILEPICTURE.jpeg\",\"width\":96,\"height\":96,\"caption\":\"Anshul Mittal\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/\",\"name\":\"Using WebOtp API in Nextjs \\\/ React | TO THE NEW Blog\",\"description\":\"In today's applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-webotp-api-in-nextjs-react\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\"},\"datePublished\":\"2023-07-18T16:28:46+05:30\",\"dateModified\":\"2023-08-01T16:34:29+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Using WebOtp API in Nextjs \/ React | TO THE NEW Blog","description":"In today's applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we","canonical_url":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#article","name":"Using WebOtp API in Nextjs \/ React | TO THE NEW Blog","headline":"Using WebOtp API in Nextjs \/ React","author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/anshul-mittal\/#author"},"publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"},"image":{"@type":"ImageObject","url":"\/blog\/wp-ttn-blog\/uploads\/2023\/07\/Screenshot-from-2023-07-11-11-19-04.png","@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#articleImage"},"datePublished":"2023-07-18T16:28:46+05:30","dateModified":"2023-08-01T16:34:29+05:30","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#webpage"},"isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#webpage"},"articleSection":"Front End Development, React.js, webotp otp autologin"},{"@type":"BreadcrumbList","@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","position":1,"name":"Home","item":"https:\/\/tothenewco.pro\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/react-js\/#listItem","name":"React.js"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/react-js\/#listItem","position":2,"name":"React.js","item":"https:\/\/tothenewco.pro\/blog\/category\/react-js\/","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#listItem","name":"Using WebOtp API in Nextjs \/ React"},"previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#listItem","position":3,"name":"Using WebOtp API in Nextjs \/ React","previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/react-js\/#listItem","name":"React.js"}}]},{"@type":"Organization","@id":"https:\/\/tothenewco.pro\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/tothenewco.pro\/blog\/"},{"@type":"Person","@id":"https:\/\/tothenewco.pro\/blog\/author\/anshul-mittal\/#author","url":"https:\/\/tothenewco.pro\/blog\/author\/anshul-mittal\/","name":"Anshul Mittal","image":{"@type":"ImageObject","@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#authorImage","url":"https:\/\/newersworld-sf-static.tothenew.net\/prod\/profilePicFolder\/721a1d39-d21e-4d9d-8fbf-7e7321f60bea_4975-Anshul-Mittal-PROFILEPICTURE.jpeg","width":96,"height":96,"caption":"Anshul Mittal"}},{"@type":"WebPage","@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#webpage","url":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/","name":"Using WebOtp API in Nextjs \/ React | TO THE NEW Blog","description":"In today's applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/#breadcrumblist"},"author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/anshul-mittal\/#author"},"creator":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/anshul-mittal\/#author"},"datePublished":"2023-07-18T16:28:46+05:30","dateModified":"2023-08-01T16:34:29+05:30"},{"@type":"WebSite","@id":"https:\/\/tothenewco.pro\/blog\/#website","url":"https:\/\/tothenewco.pro\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"Using WebOtp API in Nextjs \/ React | TO THE NEW Blog","og:description":"In today's applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we","og:url":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/","og:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"Using WebOtp API in Nextjs \/ React | TO THE NEW Blog","twitter:description":"In today's applications, we have observed that when logging in or performing sensitive tasks online, we receive One time passwords on our registered phone numbers to secure this activity. But as a user, it is a bit vexing to remember that code and then type that into the required fields. At the same time, we","twitter:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"57744","title":null,"description":null,"keywords":[],"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":{"id":"#aioseo-article-65e05131c3760","slug":"article","graphName":"Article","label":"Article","properties":{"type":"BlogPosting","name":"#post_title","headline":"#post_title","description":"#post_excerpt","image":"","keywords":"","author":{"name":"#author_name","url":"#author_url"},"dates":{"include":true,"datePublished":"","dateModified":""}}},"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"}}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"created":"2023-08-01 10:58:46","updated":"2024-02-29 09:41:05","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\/category\/react-js\/\" title=\"React.js\">React.js<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tUsing WebOtp API in Nextjs \/ React\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/tothenewco.pro\/blog"},{"label":"React.js","link":"https:\/\/tothenewco.pro\/blog\/category\/react-js\/"},{"label":"Using WebOtp API in Nextjs \/ React","link":"https:\/\/tothenewco.pro\/blog\/using-webotp-api-in-nextjs-react\/"}],"_links":{"self":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/57744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/users\/1540"}],"replies":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/comments?post=57744"}],"version-history":[{"count":3,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/57744\/revisions"}],"predecessor-version":[{"id":57880,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/57744\/revisions\/57880"}],"wp:attachment":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/media?parent=57744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/categories?post=57744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/tags?post=57744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}