{"id":1052,"date":"2024-05-27T09:10:00","date_gmt":"2024-05-27T07:10:00","guid":{"rendered":"http:\/\/uniquedevs.mariuszptaszek.pl\/blog\/alpine-js\/"},"modified":"2024-10-14T15:06:48","modified_gmt":"2024-10-14T13:06:48","slug":"alpine-js-basics","status":"publish","type":"post","link":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/","title":{"rendered":"Introducing Alpine JS"},"content":{"rendered":"\n

What sets Alpine apart from Vue or React? Its key strength lies in its compatibility with SSR (server-side rendering) applications built on frameworks like Django or Laravel. Alpine.js empowers you to manipulate the user interface using pure JavaScript, enabling the creation of elements such as modals, dropdowns, or sliders. Additionally, Alpine.js allows for the creation of interactive components, known as an alpine component, which can integrate seamlessly with other frameworks like Livewire. This integration enables the manipulation of various elements within the DOM, enhancing the overall functionality and interactivity of your web applications. Its straightforward syntax and low learning curve make it a perfect fit for smaller projects where speed and efficiency are paramount.<\/p>\n\n\n\n

Main Features and Advantages<\/h2>\n\n\n\n

Alpine.js allows adding interactivity to websites without heavy frameworks, making it an efficient tool.<\/p>\n\n\n\n

x-data: initializes the data for a component, enabling state management.
x-init: executes JavaScript code after the component loads, which is ideal for initial setup.
x-show: controls the visibility of elements based on logical conditions.<\/p>\n\n\n\n

Getting Started with Alpine.js<\/h2>\n\n\n\n

Getting started with Alpine.js is a breeze. To begin, you need to include the Alpine.js script in your HTML file using a script tag. Simply add the following code to the head of your HTML file: <script src=”https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js” defer><\/script> This will load the Alpine.js script and make it available for use in your HTML file. Once the script is included, you can start adding dynamic behavior to your HTML elements.<\/p>\n\n\n\n

For instance, you can use the x-data directive to define a JavaScript object that will store data for your component. Here\u2019s a simple example: <div x-data=”{ foo: ‘bar’ }”>…<\/div> In this example, x-data initializes a new JavaScript object with a single property called foo, set to the value \u2018bar\u2019. This object can then be used to store and manage data for your component, allowing you to update it dynamically using Alpine.js directives.<\/p>\n\n\n\n

You can also use the x-init directive to run JavaScript code when your component is initialized. For example: <div x-data=”{ foo: ‘bar’ }” x-init=”console.log(foo)”>…<\/div> This will log the value of foo to the console when the component is initialized, demonstrating how you can execute code during the component\u2019s setup phase.<\/p>\n\n\n\n

These examples illustrate just a few ways you can use Alpine.js to add dynamic behavior to your HTML elements. With its simple and intuitive syntax, Alpine.js empowers you to create complex and interactive web applications with ease.<\/p>\n\n\n\n

Alpine.js \u2014 Simple Component Examples<\/h2>\n\n\n\n

Alpine.js components can be organized within a clear and structured HTML template, ensuring that different views, such as listing and editing data, are well-managed and logically implemented. Below, you will see examples of simple components that can be easily implemented with Alpine.js. <\/p>\n\n\n\n

1. Show\/Hide Button<\/h3>\n\n\n\n

This component allows for the showing and hiding content on the page with a simple button. It is an ideal example of how Alpine.js handles DOM manipulation without writing complex JavaScript code.<\/p>\n\n\n\n

<div x-data='{ open: false }'>\n  <button x-on:click='open = !open'>Show\/Hide Details<\/button>\n  <div x-show='open'>\n    You can place some additional information you want to show or hide here.\n  <\/div>\n<\/div>\n<\/code><\/pre>\n\n\n\n
In this example, x-data initializes the component’s state with the value open set to false. The button changes the open value to the opposite (true\/false) each time it is clicked, and x-show controls the visibility of the div depending on the open value.<\/p>\n\n\n                        
\n                
\n                    \"Are\n                <\/div>\n                
\n                    \"Are\n                <\/div>\n                
\n                                            
\n                            Are you looking for support in IT projects?                        <\/div>\n                                                                                            \n                                Contact us!                            <\/a>\n                                                            <\/div>\n            <\/div>\n            \n\n\n
2. Click Counter<\/h3>\n\n\n\n
This simple counter increases its value each time the user clicks the button. It’s an easy way to understand how reactive properties work in Alpine.js. <\/p>\n\n\n\n
<div x-data=\"{ count: 0 }\"> \n   <button x-on:click=\"count++\">Click me<\/button>\n   <p>Number of clicks: <span x-text=\"count\"><\/span><\/p>\n<\/div><\/code><\/pre>\n\n\n\n
Here, we also use x-data to define the variable count, which stores the number of clicks. The button uses x-on to increment the count value with each click. The <span> tag with the x-text attribute dynamically displays the current count value. <\/p>\n\n\n\n
These examples show how easy it is to add interactive elements to a web page using Alpine.js. Each component is lightweight and quick to implement, making Alpine.js an attractive choice for projects requiring simplicity and speed.<\/p>\n\n\n\n
Integration with Other Technologies<\/h2>\n\n\n\n
Alpine.js seamlessly integrates with other libraries and frameworks, such as Tailwind CSS, allowing for the rapid creation of modern user interfaces. With its simple syntax and lightweight nature, Alpine.js works harmoniously with build tools and environments like Vite or Webpack. This integration enables efficient resource management and application optimization, making Alpine.js an ideal choice for creating dynamic and responsive websites.<\/p>\n","protected":false},"excerpt":{"rendered":"
Alpine.js is a lightweight JavaScript library that makes adding interactive elements to web pages accessible. Vue.js inspires it and provides similar functionality with much less overhead. With Alpine.js, you can easily manage the state of your application using simple HTML declarations. This library is ideal for developers who need dynamic user interfaces without using large JavaScript frameworks such as React or Angular.<\/p>\n","protected":false},"author":2,"featured_media":5003,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-front-end"],"acf":[],"yoast_head":"\nIntroducing Alpine.js - lightweight JavaScript library | UniqueDevs<\/title>\n<meta name=\"description\" content=\"Alpine.js is a lightweight JavaScript library that makes adding interactive elements to web pages accessible. Vue.js inspires it and provides similar functionality with much less overhead.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Alpine.js - lightweight JavaScript library | UniqueDevs\" \/>\n<meta property=\"og:description\" content=\"Alpine.js is a lightweight JavaScript library that makes adding interactive elements to web pages accessible. Vue.js inspires it and provides similar functionality with much less overhead.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/\" \/>\n<meta property=\"og:site_name\" content=\"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Unique-Devs\/61564365418277\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-27T07:10:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-14T13:06:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Hubert Olech\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hubert Olech\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/\"},\"author\":{\"name\":\"Hubert Olech\",\"@id\":\"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18\"},\"headline\":\"Introducing Alpine JS\",\"datePublished\":\"2024-05-27T07:10:00+00:00\",\"dateModified\":\"2024-10-14T13:06:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/\"},\"wordCount\":750,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/uniquedevs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp\",\"articleSection\":[\"Front-end\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/\",\"url\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/\",\"name\":\"Introducing Alpine.js - lightweight JavaScript library | UniqueDevs\",\"isPartOf\":{\"@id\":\"https:\/\/uniquedevs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp\",\"datePublished\":\"2024-05-27T07:10:00+00:00\",\"dateModified\":\"2024-10-14T13:06:48+00:00\",\"description\":\"Alpine.js is a lightweight JavaScript library that makes adding interactive elements to web pages accessible. Vue.js inspires it and provides similar functionality with much less overhead.\",\"breadcrumb\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage\",\"url\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp\",\"contentUrl\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp\",\"width\":1280,\"height\":853},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/uniquedevs.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Front-end\",\"item\":\"https:\/\/uniquedevs.com\/blog\/category\/front-end\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Alpine JS\"}]},{\"@type\":\"Website\",\"@id\":\"https:\/\/uniquedevs.com\/#website\",\"url\":\"https:\/\/uniquedevs.com\/\",\"name\":\"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/uniquedevs.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/uniquedevs.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},[],{\"@type\":\"Person\",\"@id\":\"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18\",\"name\":\"Hubert Olech\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uniquedevs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844\",\"contentUrl\":\"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844\",\"caption\":\"Hubert Olech\"},\"description\":\"Huber Olech - Founder @UniqueDevs. \u0141\u0105cz\u0119 \u015bwiat technologii z biznesem, pomagaj\u0105c firmom rozwija\u0107 si\u0119 dzi\u0119ki innowacyjnym rozwi\u0105zaniom cyfrowym. Pasja do software development zainspirowa\u0142a mnie do zbudowania zespo\u0142u ekspert\u00f3w, z kt\u00f3rymi wsp\u00f3lnie dostarczamy najwy\u017cszej jako\u015bci produkty dla swoich Klient\u00f3w. W oparciu o swoje wieloletnie do\u015bwiadczenie w bran\u017cy IT, rozumiem trendy w nowych technologiach i potrafi\u0119 przeku\u0107 je w wymierne korzy\u015bci dla firm. Moj\u0105 misj\u0105 jest tworzenie rozwi\u0105za\u0144, kt\u00f3re nie tylko usprawniaj\u0105 procesy, ale tak\u017ce otwieraj\u0105 przed Klientami nowe mo\u017cliwo\u015bci rynkowe i zwi\u0119kszaj\u0105 ich konkurencyjno\u015b\u0107.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/hubert-olech-b0a524167\/\"],\"url\":\"https:\/\/uniquedevs.com\/en\/blog\/author\/h-olech\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Alpine.js - lightweight JavaScript library | UniqueDevs","description":"Alpine.js is a lightweight JavaScript library that makes adding interactive elements to web pages accessible. Vue.js inspires it and provides similar functionality with much less overhead.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Introducing Alpine.js - lightweight JavaScript library | UniqueDevs","og_description":"Alpine.js is a lightweight JavaScript library that makes adding interactive elements to web pages accessible. Vue.js inspires it and provides similar functionality with much less overhead.","og_url":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/","og_site_name":"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs","article_publisher":"https:\/\/www.facebook.com\/people\/Unique-Devs\/61564365418277\/","article_published_time":"2024-05-27T07:10:00+00:00","article_modified_time":"2024-10-14T13:06:48+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp","type":"image\/webp"}],"author":"Hubert Olech","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hubert Olech","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#article","isPartOf":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/"},"author":{"name":"Hubert Olech","@id":"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18"},"headline":"Introducing Alpine JS","datePublished":"2024-05-27T07:10:00+00:00","dateModified":"2024-10-14T13:06:48+00:00","mainEntityOfPage":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/"},"wordCount":750,"commentCount":0,"publisher":{"@id":"https:\/\/uniquedevs.com\/#organization"},"image":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage"},"thumbnailUrl":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp","articleSection":["Front-end"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/","url":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/","name":"Introducing Alpine.js - lightweight JavaScript library | UniqueDevs","isPartOf":{"@id":"https:\/\/uniquedevs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage"},"image":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage"},"thumbnailUrl":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp","datePublished":"2024-05-27T07:10:00+00:00","dateModified":"2024-10-14T13:06:48+00:00","description":"Alpine.js is a lightweight JavaScript library that makes adding interactive elements to web pages accessible. Vue.js inspires it and provides similar functionality with much less overhead.","breadcrumb":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#primaryimage","url":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp","contentUrl":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2024\/05\/bootstrap-studio-1.webp","width":1280,"height":853},{"@type":"BreadcrumbList","@id":"https:\/\/uniquedevs.com\/en\/blog\/alpine-js-basics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/uniquedevs.com\/en\/"},{"@type":"ListItem","position":2,"name":"Front-end","item":"https:\/\/uniquedevs.com\/blog\/category\/front-end\/"},{"@type":"ListItem","position":3,"name":"Introducing Alpine JS"}]},{"@type":"Website","@id":"https:\/\/uniquedevs.com\/#website","url":"https:\/\/uniquedevs.com\/","name":"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs","description":"","publisher":{"@id":"https:\/\/uniquedevs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uniquedevs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},[],{"@type":"Person","@id":"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18","name":"Hubert Olech","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uniquedevs.com\/#\/schema\/person\/image\/","url":"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844","contentUrl":"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844","caption":"Hubert Olech"},"description":"Huber Olech - Founder @UniqueDevs. \u0141\u0105cz\u0119 \u015bwiat technologii z biznesem, pomagaj\u0105c firmom rozwija\u0107 si\u0119 dzi\u0119ki innowacyjnym rozwi\u0105zaniom cyfrowym. Pasja do software development zainspirowa\u0142a mnie do zbudowania zespo\u0142u ekspert\u00f3w, z kt\u00f3rymi wsp\u00f3lnie dostarczamy najwy\u017cszej jako\u015bci produkty dla swoich Klient\u00f3w. W oparciu o swoje wieloletnie do\u015bwiadczenie w bran\u017cy IT, rozumiem trendy w nowych technologiach i potrafi\u0119 przeku\u0107 je w wymierne korzy\u015bci dla firm. Moj\u0105 misj\u0105 jest tworzenie rozwi\u0105za\u0144, kt\u00f3re nie tylko usprawniaj\u0105 procesy, ale tak\u017ce otwieraj\u0105 przed Klientami nowe mo\u017cliwo\u015bci rynkowe i zwi\u0119kszaj\u0105 ich konkurencyjno\u015b\u0107.","sameAs":["https:\/\/www.linkedin.com\/in\/hubert-olech-b0a524167\/"],"url":"https:\/\/uniquedevs.com\/en\/blog\/author\/h-olech\/"}]}},"_links":{"self":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts\/1052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":7,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts\/1052\/revisions"}],"predecessor-version":[{"id":1372,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts\/1052\/revisions\/1372"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/media\/5003"}],"wp:attachment":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/media?parent=1052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/categories?post=1052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/tags?post=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}