{"id":887,"date":"2023-10-06T00:30:09","date_gmt":"2023-10-06T00:30:09","guid":{"rendered":"https:\/\/bluesockets.com\/?p=887"},"modified":"2024-02-12T21:08:56","modified_gmt":"2024-02-12T21:08:56","slug":"migrating-javascript-projects-to-typescript","status":"publish","type":"post","link":"https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/","title":{"rendered":"Migrating JavaScript Projects to TypeScript"},"content":{"rendered":"\n<p>In recent years, TypeScript has gained immense popularity among developers for its ability to bring static typing to JavaScript. This superset of JavaScript provides developers with the benefits of a robust type system, leading to fewer runtime errors and improved code maintainability. If you&#8217;re working on a JavaScript project and considering making the switch to TypeScript, this guide will walk you through the steps involved in migrating your codebase.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" id=\"ub_table-of-contents-9ff89611-a9b4-49b8-8fb3-c0eb3e4ec2f6\" data-initiallyhideonmobile=\"false\"\n                    data-initiallyshow=\"false\"><div class=\"ub_table-of-contents-header-container\"><div class=\"ub_table-of-contents-header\">\n                    <div class=\"ub_table-of-contents-title\">Table of Contents<\/div><div class=\"ub_table-of-contents-header-toggle\">\n                        <div class=\"ub_table-of-contents-toggle\">\n                        &nbsp;[<a class=\"ub_table-of-contents-toggle-link\" href=\"#\">show<\/a>]<\/div><\/div><\/div><\/div><div class=\"ub_table-of-contents-extra-container\"><div class=\"ub_table-of-contents-container ub_table-of-contents-2-column ub-hide\"><ul><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#0-why-migrate-to-typescript>Why Migrate to TypeScript?<\/a><ul><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#1-1-strong-typing>1. Strong Typing<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#2-2-improved-tooling-support>2. Improved Tooling Support<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#3-3-better-code-documentation>3. Better Code Documentation<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#4-4-easier-collaboration>4. Easier Collaboration<\/a><\/li><\/ul><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#5-getting-started>Getting Started<\/a><ul><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#6-1-setting-up-typescript>1. Setting Up TypeScript<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#7-2-creating-a-tsconfigjson>2. Creating a tsconfig.json<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#8-3-renaming-files-to-ts-or-tsx>3. Renaming Files to .ts or .tsx<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#9-4-enable-strict-mode>4. Enable Strict Mode<\/a><\/li><\/ul><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#10-the-migration-process>The Migration Process<\/a><ul><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#11-1-start-with-a-small-isolated-part-of-your-project>1. Start with a Small, Isolated Part of Your Project<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#12-2-address-type-issues>2. Address Type Issues<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#13-3-leverage-definitelytyped-for-external-libraries>3. Leverage DefinitelyTyped for External Libraries<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#14-4-utilize-jsdoc-annotations>4. Utilize JSDoc Annotations<\/a><\/li><\/ul><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#15-testing-and-validation>Testing and Validation<\/a><ul><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#16-1-compile-and-check>1. Compile and Check<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#17-2-thorough-testing>2. Thorough Testing<\/a><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#18-3-code-reviews>3. Code Reviews<\/a><\/li><\/ul><\/li><li><a href=https:\/\/bluesockets.com\/typescript\/migrating-javascript-projects-to-typescript\/#19-conclusion>Conclusion<\/a><\/li><\/ul><\/div><\/div><\/div>\n\n<h2 class=\"wp-block-heading\" id=\"0-why-migrate-to-typescript\">Why Migrate to TypeScript?<\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"1-1-strong-typing\">1. Strong Typing<\/h3>\n\n\n<p>JavaScript is dynamically typed, meaning you don&#8217;t declare variable types explicitly. While this flexibility is useful, it can lead to unexpected runtime errors. TypeScript introduces static typing, catching potential issues during development.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"2-2-improved-tooling-support\">2. Improved Tooling Support<\/h3>\n\n\n<p>TypeScript offers enhanced tooling support with features like auto-completion, better code navigation, and refactoring capabilities. This can significantly boost developer productivity.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"3-3-better-code-documentation\">3. Better Code Documentation<\/h3>\n\n\n<p>With TypeScript, your code becomes more self-documenting. The type annotations serve as a form of documentation, making it easier for developers (including your future self) to understand and work with the code.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"4-4-easier-collaboration\">4. Easier Collaboration<\/h3>\n\n\n<p>TypeScript can be a great boon for teams. Clear type definitions reduce the chances of misunderstandings, making it easier for multiple developers to collaborate on the same codebase.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"5-getting-started\">Getting Started<\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"6-1-setting-up-typescript\">1. Setting Up TypeScript<\/h3>\n\n\n<p>Start by installing TypeScript in your project. If you&#8217;re using npm, run:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"npm install typescript --save-dev\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88C0D0\">npm<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #A3BE8C\">install<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #A3BE8C\">typescript<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #A3BE8C\">--save-dev<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>This will add TypeScript as a development dependency.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"7-2-creating-a-tsconfigjson\">2. Creating a tsconfig.json<\/h3>\n\n\n<p>Next, you&#8217;ll need to create a <code>tsconfig.json<\/code> file in the root of your project. This file serves as the <a href=\"https:\/\/bluesockets.com\/typescript\/typescript-compiler-options\/\" data-type=\"post\" data-id=\"505\">configuration for TypeScript<\/a>. You can generate a basic <code>tsconfig.json<\/code> using the command:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"npx tsc --init\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88C0D0\">npx<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #A3BE8C\">tsc<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #A3BE8C\">--init<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>This will create a default configuration file. You can customize it to fit your project&#8217;s needs.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"8-3-renaming-files-to-ts-or-tsx\">3. Renaming Files to .ts or .tsx<\/h3>\n\n\n<p>TypeScript files have the extension <code>.ts<\/code> (or <code>.tsx<\/code> for files that include JSX). You&#8217;ll need to rename your existing <code>.js<\/code> files to <code>.ts<\/code> to start using TypeScript.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"9-4-enable-strict-mode\">4. Enable Strict Mode<\/h3>\n\n\n<p>In the <code>tsconfig.json<\/code> file, set <code>\"strict\": true<\/code>. This will enable strict mode, which includes options like <code>noImplicitAny<\/code>, <code>strictNullChecks<\/code>, and more. Strict mode helps catch potential errors at compile time. Enabling strict mode is not mandatory, but it is recommended. To learn the advantages and potential drawbacks of enabling strict mode, visit this <a href=\"https:\/\/bluesockets.com\/typescript\/should-you-use-strict-mode-in-typescript\/\" data-type=\"post\" data-id=\"845\">article<\/a>.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"10-the-migration-process\">The Migration Process<\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"11-1-start-with-a-small-isolated-part-of-your-project\">1. Start with a Small, Isolated Part of Your Project<\/h3>\n\n\n<p>Migrating an entire project at once can be overwhelming. Begin by selecting a small, less critical part of your codebase. This could be a single file or a module. Convert it to TypeScript and ensure it&#8217;s working as expected before moving on to larger sections.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"12-2-address-type-issues\">2. Address Type Issues<\/h3>\n\n\n<p>As you convert JavaScript to TypeScript, you&#8217;ll likely encounter type-related issues. TypeScript may flag areas where types are unclear or incompatible. Address these issues by providing explicit type annotations.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"13-3-leverage-definitelytyped-for-external-libraries\">3. Leverage DefinitelyTyped for External Libraries<\/h3>\n\n\n<p>If your project depends on external JavaScript libraries, you&#8217;ll need to find corresponding TypeScript type definitions. The <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\" data-type=\"link\" data-id=\"https:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\" target=\"_blank\">DefinitelyTyped repository<\/a> is a valuable resource for finding and installing type definitions for popular libraries.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"14-4-utilize-jsdoc-annotations\">4. Utilize JSDoc Annotations<\/h3>\n\n\n<p>When working with JavaScript code, you can use JSDoc comments to provide type information. TypeScript will recognize these annotations and use them for type checking. This can be especially useful when dealing with third-party libraries that don&#8217;t have TypeScript support.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"15-testing-and-validation\">Testing and Validation<\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"16-1-compile-and-check\">1. Compile and Check<\/h3>\n\n\n<p>After making changes, run the TypeScript compiler to check for any errors:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"npx tsc\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88C0D0\">npx<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #A3BE8C\">tsc<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Resolve any issues reported by the compiler before proceeding.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"17-2-thorough-testing\">2. Thorough Testing<\/h3>\n\n\n<p>Test your code thoroughly to ensure that the changes haven&#8217;t introduced any new bugs. Pay close attention to areas where you&#8217;ve made significant modifications.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"18-3-code-reviews\">3. Code Reviews<\/h3>\n\n\n<p>If you&#8217;re working in a team, conduct code reviews to ensure that everyone is adhering to <a href=\"https:\/\/bluesockets.com\/typescript\/typescript-best-practices\/\" data-type=\"post\" data-id=\"843\">TypeScript best practices<\/a> and catching any potential issues early on.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"19-conclusion\">Conclusion<\/h2>\n\n\n<p>Migrating a JavaScript project to TypeScript can be a powerful step toward writing more reliable and maintainable code. While the process may initially seem daunting, starting with small, isolated sections and gradually expanding can make the transition smoother. Remember to leverage TypeScript&#8217;s strict mode and take advantage of tools like DefinitelyTyped for a seamless migration experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In recent years, TypeScript has gained immense popularity among developers for its ability to bring static typing to JavaScript. This superset of JavaScript provides developers with the benefits of a<\/p>\n","protected":false},"author":1,"featured_media":500,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ub_ctt_via":"","footnotes":""},"categories":[39],"tags":[46,45],"featured_image_src":"https:\/\/bluesockets.com\/wp-content\/uploads\/2023\/07\/image-16.png","author_info":{"display_name":"Rajae Robinson","author_link":"https:\/\/bluesockets.com\/author\/rajae\/"},"acf":[],"_links":{"self":[{"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/posts\/887"}],"collection":[{"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/comments?post=887"}],"version-history":[{"count":5,"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/posts\/887\/revisions"}],"predecessor-version":[{"id":1453,"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/posts\/887\/revisions\/1453"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/media\/500"}],"wp:attachment":[{"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/media?parent=887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/categories?post=887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluesockets.com\/wp-json\/wp\/v2\/tags?post=887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}