{"id":3119,"date":"2024-11-21T13:13:16","date_gmt":"2024-11-21T13:13:16","guid":{"rendered":"https:\/\/www.skybridgeinfotech.com\/blog\/?p=3119"},"modified":"2024-11-29T16:34:13","modified_gmt":"2024-11-29T16:34:13","slug":"tanstack-implementation-in-sitecore-jss","status":"publish","type":"post","link":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/","title":{"rendered":"Tanstack Implementation in Sitecore Jss"},"content":{"rendered":"<p>Tanstack is not a framework or a specific technology, it is a technique for data management in Next.Js and React-based applications. Tanstack is a combination of Typescript, Next.Js, and React. Its mainly helps to address the most common pain points such as data fetching, caching, synchronizing, and updating the server state also helps to build scalable and high-performance applications.<\/p>\n<h3>What is Tanstack\u00a0Query?<\/h3>\n<p>Before looking at the Tanstack query we need to understand what is React Query, React Query is a javascript library designed to simplify complex tasks such as data fetching from the APIs and caching the data in the React-based applications.<\/p>\n<p>React query offers some set of hooks to manage the data from various sources which includes REST APIs, GraphQL, and local states. Tanstack Query is one of the featured solutions to handle API requests, errors, and many more states, and the same as other features of the React Query but Tanstack is a combination of Next.js, React, and Typescript so we can use this on the server side call as well that is one of the main advantages of the while we using Tanstack Query.<\/p>\n<p>To install the Tanstack query in your Next.js applications, use the below node command to install the Tanstack library<\/p>\n<p>npmi@tanstack\/react-query<\/p>\n<p>Once the library is been installed in our application, create a provide and client to use the Tanstack query. In the _app.tsk file which is in the src\/pages\/_app.tsk file wraps the component with the query provider.<\/p>\n<p>&lt;I18nProviderlngDict={dictionary}locale={pageProps.locale}&gt;<br \/>\n&lt;ReduxStorestore={store}&gt;<br \/>\n&lt;PersistGateloading={null}persistor={persistor}&gt;<br \/>\n&lt;MantineProvidertheme={mantineTheme}&gt;<br \/>\n&lt;ModalsProvidermodals={modals}&gt;<br \/>\n&lt;QueryClientProviderclient={queryClient}&gt;<br \/>\n&lt;Component {&#8230;rest} \/&gt;<br \/>\n&lt;\/QueryClientProvider&gt;<br \/>\n&lt;\/ModalsProvider&gt;<br \/>\n&lt;\/MantineProvider&gt;<br \/>\n&lt;\/PersistGate&gt;<br \/>\n&lt;\/ReduxStore&gt;<br \/>\n&lt;\/I18nProvider&gt;<\/p>\n<p>Once the query client provider is been added to the base page you can start working on the Tanstack query in any of your components.<\/p>\n<h3>What is\u00a0Query?<\/h3>\n<p>Tanstack query promotes a declarative dependency on the data fetching by using the <strong>unique key. <\/strong>Each query has to be declared with a unique key in the <em><strong>useQuery<\/strong><\/em> hook, the unique key is used internally for refetching and caching data from the API endpoints.<\/p>\n<p>The query results returned by the <em><strong>useQuery<\/strong><\/em>hook contain a few important states which are <strong>isPending<\/strong>, <strong>isError<\/strong>, and <strong>isSucess<\/strong>also there more information is available based on the query state if the query <strong>isError<\/strong>state the error will be available on the <strong>error <\/strong>property likewise if the query <strong>isSucess<\/strong> state the data will be available on the <strong>data <\/strong>property.<\/p>\n<p><a href=\"https:\/\/gist.github.com\/Vignesh-Jothikumar\/295fc3ef3a9b5acd4ffc5387455af542\">https:\/\/gist.github.com\/Vignesh-Jothikumar\/295fc3ef3a9b5acd4ffc5387455af542<\/a><\/p>\n<p>In the above sample Tanstack query implementation with Sitecore headless application, here I have used some Catfact fake api to populate the content on the screen, the same way we can use our APIs and define types to get the data from the endpoint.<\/p>\n<p>Tanstack has some more features which we can see in the upcoming blog series. Please check out my GitHub for the complete source code\u2026<\/p>\n<p><a href=\"https:\/\/github.com\/Vignesh-Jothikumar\/SCNextJs\"><strong>GitHub &#8211; Vignesh-Jothikumar\/SCNextJs<\/strong><br \/>\n<em>Contribute to Vignesh-Jothikumar\/SCNextJs development by creating an account on GitHub.<\/em>github.com<\/a><\/p>\n<h3>Happy learning and coding!!!<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Tanstack is not a framework or a specific technology, it is a technique for data management in Next.Js and React-based [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3131,"comment_status":"closed","ping_status":"open","sticky":false,"template":"blog-details.php","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[16,30],"tags":[763,764,765,766,767,768,769,770,771,772,773,774,775,776,778,779,780,782,783,784,787,788,789,790,791,792,793,794,795,796,797,799,800,801,802,805,806,807,808,809,810,811,812,813,814,815,816,817,818,820,822,823,824,825,826,827,828,867,829,830,831,832],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Tanstack Implementation in Sitecore Jss - Skybridge<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Tanstack Implementation in Sitecore Jss - Skybridge\" \/>\r\n<meta property=\"og:description\" content=\"Tanstack is not a framework or a specific technology, it is a technique for data management in Next.Js and React-based [&hellip;]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Skybridge\" \/>\r\n<meta property=\"article:published_time\" content=\"2024-11-21T13:13:16+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2024-11-29T16:34:13+00:00\" \/>\r\n<meta property=\"og:image\" content=\"http:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"1800\" \/>\r\n\t<meta property=\"og:image:height\" content=\"669\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"admin\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/person\/0f15f3349a8eea9f6c89ae7dac0f3cbc\"},\"headline\":\"Tanstack Implementation in Sitecore Jss\",\"datePublished\":\"2024-11-21T13:13:16+00:00\",\"dateModified\":\"2024-11-29T16:34:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/\"},\"wordCount\":542,\"publisher\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg\",\"keywords\":[\"ai cloud services\",\"ai companies\",\"ai companies in usa\",\"ai consulting companies\",\"ai consulting companies in usa\",\"ai consulting company\",\"ai consulting company in usa\",\"ai consulting services\",\"ai consulting services in usa\",\"ai consulting services market\",\"ai consulting solutions\",\"ai consulting solutions in india\",\"ai developers\",\"ai developers in india\",\"ai service providers\",\"ai service providers in india\",\"AI Services\",\"ai services company\",\"ai services company in india\",\"ai services in india\",\"ai solutions company\",\"ai solutions company in india\",\"artificial intelligence companies\",\"artificial intelligence companies in india\",\"artificial intelligence company\",\"artificial intelligence company in india\",\"artificial intelligence consulting\",\"artificial intelligence consulting companies\",\"artificial intelligence consulting companies in india\",\"artificial intelligence consulting company\",\"artificial intelligence consulting in india\",\"artificial intelligence consulting services\",\"artificial intelligence consulting solutions\",\"artificial intelligence developer\",\"artificial intelligence developers\",\"artificial intelligence engineer\",\"artificial intelligence engineer companies\",\"artificial intelligence engineers\",\"artificial intelligence expert\",\"artificial intelligence expert in india\",\"artificial intelligence expert systems\",\"artificial intelligence expert systems in india\",\"artificial intelligence experts\",\"artificial intelligence experts in india\",\"artificial intelligence latest development\",\"artificial intelligence latest development in india\",\"artificial intelligence service in azure in india\",\"artificial intelligence service providers\",\"artificial intelligence service providers in india\",\"Artificial Intelligence Services\",\"artificial intelligence services companies\",\"artificial intelligence services companies in india\",\"artificial intelligence services in india\",\"artificial intelligence solution providers\",\"Artificial Intelligence Solutions\",\"artificial intelligence solutions companies\",\"artificial intelligence solutions company\",\"Explainable AI\",\"explainable ai techniques ai advisory services\",\"model ai company\",\"model ai solution\",\"xai development services\"],\"articleSection\":[\"Sitecore\",\"Sitecore CMS\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/\",\"url\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/\",\"name\":\"Tanstack Implementation in Sitecore Jss - Skybridge\",\"isPartOf\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg\",\"datePublished\":\"2024-11-21T13:13:16+00:00\",\"dateModified\":\"2024-11-29T16:34:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage\",\"url\":\"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg\",\"contentUrl\":\"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg\",\"width\":1800,\"height\":669,\"caption\":\"Tanstack Implementation in Sitecore Jss\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.skybridgeinfotech.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tanstack Implementation in Sitecore Jss\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#website\",\"url\":\"https:\/\/www.skybridgeinfotech.com\/blog\/\",\"name\":\"Skybridge\",\"description\":\"Skybridge\",\"publisher\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.skybridgeinfotech.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#organization\",\"name\":\"Skybridge\",\"url\":\"https:\/\/www.skybridgeinfotech.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/02\/logo.png\",\"contentUrl\":\"http:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/02\/logo.png\",\"width\":197,\"height\":73,\"caption\":\"Skybridge\"},\"image\":{\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/person\/0f15f3349a8eea9f6c89ae7dac0f3cbc\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/118323199c026a712094dacfeb0b28dc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/118323199c026a712094dacfeb0b28dc?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/www.skybridgeinfotech.com\/blog\"],\"url\":\"https:\/\/www.skybridgeinfotech.com\/blog\/author\/admin\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tanstack Implementation in Sitecore Jss - Skybridge","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/","og_locale":"en_US","og_type":"article","og_title":"Tanstack Implementation in Sitecore Jss - Skybridge","og_description":"Tanstack is not a framework or a specific technology, it is a technique for data management in Next.Js and React-based [&hellip;]","og_url":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/","og_site_name":"Skybridge","article_published_time":"2024-11-21T13:13:16+00:00","article_modified_time":"2024-11-29T16:34:13+00:00","og_image":[{"width":1800,"height":669,"url":"http:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#article","isPartOf":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/"},"author":{"name":"admin","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/person\/0f15f3349a8eea9f6c89ae7dac0f3cbc"},"headline":"Tanstack Implementation in Sitecore Jss","datePublished":"2024-11-21T13:13:16+00:00","dateModified":"2024-11-29T16:34:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/"},"wordCount":542,"publisher":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage"},"thumbnailUrl":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg","keywords":["ai cloud services","ai companies","ai companies in usa","ai consulting companies","ai consulting companies in usa","ai consulting company","ai consulting company in usa","ai consulting services","ai consulting services in usa","ai consulting services market","ai consulting solutions","ai consulting solutions in india","ai developers","ai developers in india","ai service providers","ai service providers in india","AI Services","ai services company","ai services company in india","ai services in india","ai solutions company","ai solutions company in india","artificial intelligence companies","artificial intelligence companies in india","artificial intelligence company","artificial intelligence company in india","artificial intelligence consulting","artificial intelligence consulting companies","artificial intelligence consulting companies in india","artificial intelligence consulting company","artificial intelligence consulting in india","artificial intelligence consulting services","artificial intelligence consulting solutions","artificial intelligence developer","artificial intelligence developers","artificial intelligence engineer","artificial intelligence engineer companies","artificial intelligence engineers","artificial intelligence expert","artificial intelligence expert in india","artificial intelligence expert systems","artificial intelligence expert systems in india","artificial intelligence experts","artificial intelligence experts in india","artificial intelligence latest development","artificial intelligence latest development in india","artificial intelligence service in azure in india","artificial intelligence service providers","artificial intelligence service providers in india","Artificial Intelligence Services","artificial intelligence services companies","artificial intelligence services companies in india","artificial intelligence services in india","artificial intelligence solution providers","Artificial Intelligence Solutions","artificial intelligence solutions companies","artificial intelligence solutions company","Explainable AI","explainable ai techniques ai advisory services","model ai company","model ai solution","xai development services"],"articleSection":["Sitecore","Sitecore CMS"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/","url":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/","name":"Tanstack Implementation in Sitecore Jss - Skybridge","isPartOf":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage"},"image":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage"},"thumbnailUrl":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg","datePublished":"2024-11-21T13:13:16+00:00","dateModified":"2024-11-29T16:34:13+00:00","breadcrumb":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#primaryimage","url":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg","contentUrl":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/11\/tanstack.jpg","width":1800,"height":669,"caption":"Tanstack Implementation in Sitecore Jss"},{"@type":"BreadcrumbList","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/tanstack-implementation-in-sitecore-jss\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.skybridgeinfotech.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tanstack Implementation in Sitecore Jss"}]},{"@type":"WebSite","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#website","url":"https:\/\/www.skybridgeinfotech.com\/blog\/","name":"Skybridge","description":"Skybridge","publisher":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.skybridgeinfotech.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#organization","name":"Skybridge","url":"https:\/\/www.skybridgeinfotech.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/logo\/image\/","url":"http:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/02\/logo.png","contentUrl":"http:\/\/www.skybridgeinfotech.com\/blog\/wp-content\/uploads\/2024\/02\/logo.png","width":197,"height":73,"caption":"Skybridge"},"image":{"@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/person\/0f15f3349a8eea9f6c89ae7dac0f3cbc","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.skybridgeinfotech.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/118323199c026a712094dacfeb0b28dc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/118323199c026a712094dacfeb0b28dc?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/www.skybridgeinfotech.com\/blog"],"url":"https:\/\/www.skybridgeinfotech.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/posts\/3119"}],"collection":[{"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":4,"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/posts\/3119\/revisions"}],"predecessor-version":[{"id":3139,"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/posts\/3119\/revisions\/3139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/media\/3131"}],"wp:attachment":[{"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/categories?post=3119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skybridgeinfotech.com\/blog\/wp-json\/wp\/v2\/tags?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}