[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page--\u002Fblog\u002Farticle":3,"schema--\u002Fblog\u002Farticle":48,"317e8e2a-912c-49a3-98d2-832985198aa9":49,"blog-detail":53,"bc5d6217-b80c-499b-91a7-1dbca7208203":902,"ebe02389-31a7-4644-addc-9a469af71e79":938,"254171d1-0f9c-4a28-ba73-b88a0c100638":1154,"related-blogs":1653},{"id":4,"name":5,"seo":6,"status":9,"schema":10,"template":11,"sections":35,"redirect":47},"289e4d80-4fe0-4497-8225-40d2b6d0fd37","Article ",{"title":7,"no_index":8,"no_follow":8},"Article",false,"published",[],{"name":12,"start_sections":13,"end_sections":19,"custom_codes":30},"Default",[14],{"collection":15,"id":16,"item":17},"section_harsh",12,{"id":18},"254171d1-0f9c-4a28-ba73-b88a0c100638",[20,25],{"collection":21,"id":22,"item":23},"section_hem",2,{"id":24},"bc5d6217-b80c-499b-91a7-1dbca7208203",{"collection":26,"id":27,"item":28},"section_bhavin",40,{"id":29},"ebe02389-31a7-4644-addc-9a469af71e79",[31,33,34],{"custom_codes":32},null,{"custom_codes":32},{"custom_codes":32},[36,42],{"collection":37,"id":38,"sort":39,"item":40},"section_bhargav",5576,1,{"id":41},"1b3ea167-b557-47ad-996c-6eeb0bcf3c08",{"collection":43,"id":44,"sort":22,"item":45},"section_krusha",5606,{"id":46},"317e8e2a-912c-49a3-98d2-832985198aa9",[],[],{"id":46,"title":50,"subtitle":51,"blogs":52,"selected_blogs":32},"\u003Cdiv>\n\u003Cdiv>More\u003C\u002Fdiv>\n\u003C\u002Fdiv>","\u003Cp>An interesting read? Here is more related to it.\u003C\u002Fp>","related",{"data":54},[55],{"id":56,"title":57,"date_published":58,"summary":32,"seo_description":59,"update_date":32,"status":9,"tags":60,"cover":66,"sections":69,"author":875,"category":32,"og_image":887,"color_primary":890},"32cf45cc-daba-48e7-b1f9-069e58af5940","What Is GraphQL? Queries, Mutations and Types Explained","2026-11-03","New to GraphQL? This beginner GraphQL tutorial covers what GraphQL is, GraphQL vs REST, and how queries, mutations, schemas and types work, with examples.",[61],{"bg_tags_id":62},{"label":63,"slug":64,"id":65},"Web","web","52eab8cc-fbe2-4fa0-9641-1dc6b2597235",{"id":67,"filename_disk":68},"4c7ff3d4-1ccf-43fd-bcce-b7e16d15feae","4c7ff3d4-1ccf-43fd-bcce-b7e16d15feae.png",[70,819,827],{"collection":71,"item":72},"bg_sections_content_blocks",{"id":73,"name":74,"content":75,"metadata":813},"c67867ca-3e8f-42fb-b670-9cc051e050be","1",{"time":76,"blocks":77,"version":812},1793705975057,[78,86,93,99,105,111,117,135,141,147,153,163,169,182,188,194,204,210,216,230,236,242,248,255,261,266,272,278,284,288,294,300,338,344,350,356,362,366,372,378,384,390,396,402,430,436,442,448,452,458,464,470,474,480,486,492,502,508,526,532,538,544,548,554,560,564,570,576,580,586,592,598,602,608,614,620,624,630,634,640,644,650,656,662,666,672,678,682,688,692,698,702,708,714,741,747,753,759,775,781,787,793],{"id":79,"data":80,"type":82,"tunes":83},"h2OV_MYlyU",{"text":81},"\u003Cb>Quick Summary:&nbsp;\u003C\u002Fb>This beginner-friendly guide explains what GraphQL is and why it was created, compares it with REST using a real screen example, and shows how to read data with queries and change data with mutations. It then walks through every core GraphQL type (scalars, objects, lists, non-null, enums, input types, interfaces and unions) with a small example app you can follow along with.","paragraph",{"alignment":84},{"alignment":85},"left",{"id":87,"data":88,"type":90,"tunes":91},"MDfg9T9oH2",{"text":89,"level":22},"Introduction","header",{"alignment":92},{"alignment":85},{"id":94,"data":95,"type":82,"tunes":97},"qQeRlT6TpH",{"text":96},"Think about two ways of ordering lunch. In the first, the restaurant sells fixed combos. You only want a burger and a drink, but the combo also comes with fries, a dessert, and a sauce you will never use. If you want something extra, you place another order.",{"alignment":98},{"alignment":85},{"id":100,"data":101,"type":82,"tunes":103},"iG1od4Z4pz",{"text":102},"In the second, you tell the waiter exactly what you want, and one tray arrives with exactly that.",{"alignment":104},{"alignment":85},{"id":106,"data":107,"type":82,"tunes":109},"L-43eC1wqs",{"text":108},"REST APIs often feel like the first way. GraphQL is the second. It lets an app ask a server for the exact data it needs, across related items, in a single request.",{"alignment":110},{"alignment":85},{"id":112,"data":113,"type":82,"tunes":115},"hNSKJZr0tc",{"text":114},"\u003Cb>Here we cover:\u003C\u002Fb>",{"alignment":116},{"alignment":85},{"id":118,"data":119,"type":134},"DNB2vbqrjj",{"items":120,"style":133},[121,124,127,130],{"items":122,"content":123},[],"What GraphQL is and why it exists",{"items":125,"content":126},[],"How it differs from REST",{"items":128,"content":129},[],"How to read data (queries) and change data (mutations)",{"items":131,"content":132},[],"The types GraphQL uses to describe data: scalars, objects, lists, and more","unordered","nestedlist",{"id":136,"data":137,"type":82,"tunes":139},"3glT8NpQ8y",{"text":138},"All examples use one small app: an online store where a Seller sells a Product, and customers leave Reviews.",{"alignment":140},{"alignment":85},{"id":142,"data":143,"type":90,"tunes":145},"HE1rjNtlnR",{"text":144,"level":22},"What Is GraphQL?",{"alignment":146},{"alignment":85},{"id":148,"data":149,"type":82,"tunes":151},"DYXHRmAsde",{"text":150},"GraphQL is two things in one:",{"alignment":152},{"alignment":85},{"id":154,"data":155,"type":134},"V_39olxKcL",{"items":156,"style":133},[157,160],{"items":158,"content":159},[],"A query language.&nbsp;A way for the client to describe the data it wants.",{"items":161,"content":162},[],"A runtime.&nbsp;The server-side engine that checks that request against a typed schema and returns the result.",{"id":164,"data":165,"type":82,"tunes":167},"cTBbnrf6fN",{"text":166},"Three ideas sit at the heart of it:",{"alignment":168},{"alignment":85},{"id":170,"data":171,"type":134},"exm0aQkTkE",{"items":172,"style":133},[173,176,179],{"items":174,"content":175},[],"The client chooses the fields.&nbsp;You ask for exactly what a screen needs, nothing more.",{"items":177,"content":178},[],"The schema is the contract.&nbsp;It lists every type, field and relationship the API offers.",{"items":180,"content":181},[],"Usually one endpoint.&nbsp;Most requests go to a single URL, commonly&nbsp;",{"id":183,"data":184,"type":82,"tunes":186},"Z3zcSs_DOX",{"text":185},"GraphQL began inside Facebook (now Meta) to serve its mobile apps. It was open-sourced in 2015 and is now looked after by the GraphQL Foundation.",{"alignment":187},{"alignment":85},{"id":189,"data":190,"type":82,"tunes":192},"Zd5s7axC6N",{"text":191},"Two things it is not:",{"alignment":193},{"alignment":85},{"id":195,"data":196,"type":134},"JqP_C5_VKa",{"items":197,"style":133},[198,201],{"items":199,"content":200},[],"It is not a database.&nbsp;It sits between your app and your data sources (databases,&nbsp;\u003Ca href=\"\u002Fblog\u002Fbuilding-microservices-with-nodejs\">other APIs, services\u003C\u002Fa>).",{"items":202,"content":203},[],"It is not a single product.&nbsp;GraphQL is a specification, and many tools implement it, such as Apollo Server, Spring for GraphQL, Netflix DGS, and Hot Chocolate.",{"id":205,"data":206,"type":90,"tunes":208},"YEk85XKdAY",{"text":207,"level":22},"Why Did GraphQL Appear?",{"alignment":209},{"alignment":85},{"id":211,"data":212,"type":82,"tunes":214},"b5sgiHFYEm",{"text":213},"The problem was never that REST is bad. The problem was getting the right data efficiently as apps grew more complex. Three pain points kept showing up.",{"alignment":215},{"alignment":85},{"id":217,"data":218,"type":134},"x-kwTlYkKy",{"items":219,"style":229},[220,223,226],{"items":221,"content":222},[],"Over-fetching.&nbsp;The API sends more than the screen needs. A profile badge only needs a name and an avatar, but the endpoint returns the whole user object: address, phone, preferences, history.",{"items":224,"content":225},[],"Under-fetching.&nbsp;One endpoint does not have everything the screen needs, so the app makes several calls and stitches the answers together.",{"items":227,"content":228},[],"Changing UI needs.&nbsp;The web app, the&nbsp;\u003Ca href=\"https:\u002F\u002F7span.com\u002Fmobile-application-development\">mobile app\u003C\u002Fa>, and a smart TV all want different fields. Every time a screen changes, someone has to adjust an endpoint.","ordered",{"id":231,"data":232,"type":82,"tunes":234},"xrb5FG5lT2",{"text":233},"GraphQL's answer is to let the client describe the shape of the response. The mindset changes from \"which endpoint gives me this object?\" to \"what data does this screen need?\"",{"alignment":235},{"alignment":85},{"id":237,"data":238,"type":90,"tunes":240},"6fBHriUA7Z",{"text":239,"level":22},"GraphQL vs REST: What's the Difference?",{"alignment":241},{"alignment":85},{"id":243,"data":244,"type":82,"tunes":246},"1OJMzluzjd",{"text":245},"Let's build one screen: a Product details page. It shows the product name, price, and status. It also shows the seller's name and a list of customer reviews.",{"alignment":247},{"alignment":85},{"id":249,"data":250,"type":90,"tunes":253},"JGqG00sahm",{"text":251,"level":252},"With REST",3,{"alignment":254},{"alignment":85},{"id":256,"data":257,"type":82,"tunes":259},"TsZVC57miG",{"text":258},"The data lives in different places, so the app makes several calls:",{"alignment":260},{"alignment":85},{"id":262,"data":263,"type":265},"17qelusNMI",{"code":264},"GET \u002Fproducts\u002F42          -> product details (plus many fields the page never shows)\nGET \u002Fproducts\u002F42\u002Freviews  -> the reviews\nGET \u002Fsellers\u002F7            -> the seller's name","code",{"id":267,"data":268,"type":82,"tunes":270},"-ZJEq-Vt7U",{"text":269},"Three round trips, and each response carries extra data the screen throws away.",{"alignment":271},{"alignment":85},{"id":273,"data":274,"type":90,"tunes":276},"ORfBBjF-wg",{"text":275,"level":252},"With GraphQL",{"alignment":277},{"alignment":85},{"id":279,"data":280,"type":82,"tunes":282},"UeiOo5ZCF7",{"text":281},"The app sends one request to one endpoint:",{"alignment":283},{"alignment":85},{"id":285,"data":286,"type":265},"dxuwLpQg3F",{"code":287},"query {\n  product(id: \"42\") {\n    name\n    price\n    status\n    seller { name }\n    reviews { comment }\n  }\n}",{"id":289,"data":290,"type":82,"tunes":292},"-cy_m4xOGs",{"text":291},"The server answers with exactly those fields and nothing else.",{"alignment":293},{"alignment":85},{"id":295,"data":296,"type":90,"tunes":298},"InElch24_C",{"text":297,"level":252},"The main differences",{"alignment":299},{"alignment":85},{"id":301,"data":302,"type":337},"qevGrmELwN",{"content":303,"withHeadings":336},[304,308,312,316,320,324,328,332],[305,306,307],"","REST","GraphQL",[309,310,311],"Endpoints","Many resource endpoints","Usually one&nbsp;\u003Ccode>\u002Fgraphql\u003C\u002Fcode>&nbsp;endpoint",[313,314,315],"Response shape","Decided by the server","Chosen by the client",[317,318,319],"Nested data","Often needs multiple calls","Related data can come back together",[321,322,323],"Versioning","Often&nbsp;\u003Ccode>\u002Fv1\u003C\u002Fcode>,&nbsp;\u003Ccode>\u002Fv2\u003C\u002Fcode>","Add new fields and deprecate old ones",[325,326,327],"Contract","OpenAPI or similar tooling","The typed schema itself",[329,330,331],"Caching","Works naturally with HTTP and CDNs","Harder, because requests usually go to one URL",[333,334,335],"File upload","Native and simple","Not part of the core spec, so usually kept on REST",true,"table",{"id":339,"data":340,"type":82,"tunes":342},"5gzreseBs3",{"text":341},"\u003Cb>Important\u003C\u002Fb>:&nbsp;this is not \"REST is old, GraphQL is the future.\" REST is often simpler for stable resources, public APIs, file transfers, and anything that benefits from HTTP caching.&nbsp;\u003Ca href=\"https:\u002F\u002F7span.com\u002Fblog\u002Fwhy-choose-graphql\">GraphQL shines\u003C\u002Fa>&nbsp;when screens need nested data or different clients need different shapes. Many teams&nbsp;use both side by side.",{"alignment":343},{"alignment":85},{"id":345,"data":346,"type":90,"tunes":348},"7nJTUUdCui",{"text":347,"level":22},"The GraphQL Schema: Your API's Contract",{"alignment":349},{"alignment":85},{"id":351,"data":352,"type":82,"tunes":354},"M9Dv08ehRT",{"text":353},"Before a client can send a single query, the server publishes a schema. It is written in the Schema Definition Language (SDL) and describes everything that can be asked for.",{"alignment":355},{"alignment":85},{"id":357,"data":358,"type":82,"tunes":360},"jhhkLZxPP1",{"text":359},"Here is the schema for our online store:",{"alignment":361},{"alignment":85},{"id":363,"data":364,"type":265},"NIy_AubBKN",{"code":365},"enum ProductStatus {\n  IN_STOCK\n  OUT_OF_STOCK\n}\n\ntype Seller {\n  id: ID!\n  name: String!\n}\n\ntype Review {\n  id: ID!\n  comment: String!\n  rating: Int!\n}\n\ntype Product {\n  id: ID!\n  name: String!\n  price: Float!\n  status: ProductStatus!\n  stockCount: Int\n  seller: Seller!\n  reviews: [Review!]!\n}\n\ninput AddProductInput {\n  name: String!\n  price: Float!\n  stockCount: Int\n}\n\ntype Query {\n  product(id: ID!): Product\n  products: [Product!]!\n}\n\ntype Mutation {\n  addProduct(input: AddProductInput!): Product!\n}",{"id":367,"data":368,"type":82,"tunes":370},"pbpVf5NYei",{"text":369},"So the schema works like a menu: if something is not on it, the client cannot ask for it.",{"alignment":371},{"alignment":85},{"id":373,"data":374,"type":82,"tunes":376},"DrQKLM0ZJj",{"text":375},"The server also checks every request against the schema before running any code. Ask for a field that does not exist, or pass the wrong type, and the request is rejected straight away.",{"alignment":377},{"alignment":85},{"id":379,"data":380,"type":90,"tunes":382},"Skym9LgSdm",{"text":381,"level":22},"The GraphQL Type System",{"alignment":383},{"alignment":85},{"id":385,"data":386,"type":82,"tunes":388},"EVRZE1AV1c",{"text":387},"Everything in a schema has a type. This is what lets GraphQL check requests before running them, and what powers autocomplete and code generation in tools. You only need a handful of types to get started.",{"alignment":389},{"alignment":85},{"id":391,"data":392,"type":90,"tunes":394},"aQGDSuchOY",{"text":393,"level":252},"1. Scalar types: single values",{"alignment":395},{"alignment":85},{"id":397,"data":398,"type":82,"tunes":400},"cXvLuv4yQa",{"text":399},"Scalars are the leaves of a query, the actual values. GraphQL has five built-in types:",{"alignment":401},{"alignment":85},{"id":403,"data":404,"type":337},"TZCysFaNRu",{"content":405,"withHeadings":336},[406,410,414,418,422,426],[407,408,409],"Scalar","What it holds","Example value",[411,412,413],"\u003Ccode>Int\u003C\u002Fcode>","A signed 32-bit whole number","\u003Ccode>25\u003C\u002Fcode>",[415,416,417],"\u003Ccode>Float\u003C\u002Fcode>","A decimal number","\u003Ccode>499.99\u003C\u002Fcode>",[419,420,421],"\u003Ccode>String\u003C\u002Fcode>","Text","\u003Ccode>\"Running Shoes\"\u003C\u002Fcode>",[423,424,425],"\u003Ccode>Boolean\u003C\u002Fcode>","true or false","\u003Ccode>true\u003C\u002Fcode>",[427,428,429],"\u003Ccode>ID\u003C\u002Fcode>","A unique identifier, sent as text","\u003Ccode>\"42\"\u003C\u002Fcode>",{"id":431,"data":432,"type":82,"tunes":434},"am5FwaEzIf",{"text":433},"Servers can also define custom scalars for things like dates and emails, for example, a&nbsp;\u003Ccode>DateTime\u003C\u002Fcode>&nbsp;scalar.",{"alignment":435},{"alignment":85},{"id":437,"data":438,"type":90,"tunes":440},"hwMfdKH7eH",{"text":439,"level":252},"2. Object types: structured data",{"alignment":441},{"alignment":85},{"id":443,"data":444,"type":82,"tunes":446},"xAGSgkQO35",{"text":445},"An object type is a named set of fields, and each field has its own type. It is how you describe a real-world thing such as a Product or a Seller.",{"alignment":447},{"alignment":85},{"id":449,"data":450,"type":265},"9zqY_51COZ",{"code":451},"type Product {\n  id: ID!\n  name: String!\n  seller: Seller!\n}",{"id":453,"data":454,"type":82,"tunes":456},"LwI-7Doebz",{"text":455},"Fields can point to other object types, like&nbsp;\u003Ccode>seller\u003C\u002Fcode>&nbsp;above. That is how GraphQL builds a graph of related data and lets you walk from a product to its seller to anything else linked to that seller in a single query.",{"alignment":457},{"alignment":85},{"id":459,"data":460,"type":90,"tunes":462},"DZHVE7cps1",{"text":461,"level":252},"3. Lists: collections",{"alignment":463},{"alignment":85},{"id":465,"data":466,"type":82,"tunes":468},"YMy5-3n8Iy",{"text":467},"Square brackets turn any type into a list.",{"alignment":469},{"alignment":85},{"id":471,"data":472,"type":265},"29x7rQGWkU",{"code":473},"reviews: [Review!]!",{"id":475,"data":476,"type":82,"tunes":478},"AjdvGibWUL",{"text":477},"This reads as \"a list of Review objects.\" In a query, you pick the fields you want for each item, and you get back an array.",{"alignment":479},{"alignment":85},{"id":481,"data":482,"type":90,"tunes":484},"0rbY2MJJbT",{"text":483,"level":252},"4. Non-null: the exclamation mark",{"alignment":485},{"alignment":85},{"id":487,"data":488,"type":82,"tunes":490},"ii3dCsBtJ-",{"text":489},"By default, any field in GraphQL can be null. Adding&nbsp;\u003Ccode>!\u003C\u002Fcode>&nbsp;is a promise that the value will always be there.",{"alignment":491},{"alignment":85},{"id":493,"data":494,"type":134},"8HOj-_6JWm",{"items":495,"style":133},[496,499],{"items":497,"content":498},[],"name: String!",{"items":500,"content":501},[],"stockCount: Int",{"id":503,"data":504,"type":82,"tunes":506},"659I8P7_t2",{"text":505},"The&nbsp;\u003Ccode>!\u003C\u002Fcode>&nbsp;becomes interesting when combined with lists. These four look similar but mean different things:",{"alignment":507},{"alignment":85},{"id":509,"data":510,"type":337},"olka6uOvLG",{"content":511,"withHeadings":336},[512,516,519,522,524],[513,514,515],"Written as","Can the list itself be null?","Can items inside be null?",[517,518,518],"\u003Ccode>[String]\u003C\u002Fcode>","Yes",[520,518,521],"\u003Ccode>[String!]\u003C\u002Fcode>","No",[523,521,518],"\u003Ccode>[String]!\u003C\u002Fcode>",[525,521,521],"\u003Ccode>[String!]!\u003C\u002Fcode>",{"id":527,"data":528,"type":82,"tunes":530},"Ax1-L__QQH",{"text":529},"The last one,&nbsp;\u003Ccode>[String!]!\u003C\u002Fcode>, is the most common and the easiest to work with.",{"alignment":531},{"alignment":85},{"id":533,"data":534,"type":90,"tunes":536},"zjTng_ZO6M",{"text":535,"level":252},"5. Enum types: a fixed set of choices",{"alignment":537},{"alignment":85},{"id":539,"data":540,"type":82,"tunes":542},"XIagNzFqSo",{"text":541},"An enum limits a field to a small list of allowed values.",{"alignment":543},{"alignment":85},{"id":545,"data":546,"type":265},"x275ldK7SD",{"code":547},"enum ProductStatus {\n  IN_STOCK\n  OUT_OF_STOCK\n  DISCONTINUED\n}",{"id":549,"data":550,"type":90,"tunes":552},"iKTWQcGYAs",{"text":551,"level":252},"6. Input types: structured arguments",{"alignment":553},{"alignment":85},{"id":555,"data":556,"type":82,"tunes":558},"mZg5rFAHtE",{"text":557},"Object types describe what the server returns. When a client needs to send a structured object, such as the details of a new product, it uses an input type (used mainly in mutations).",{"alignment":559},{"alignment":85},{"id":561,"data":562,"type":265},"SSWhK7HS2Z",{"code":563},"input AddProductInput {\n  name: String!\n  price: Float!\n  stockCount: Int\n}",{"id":565,"data":566,"type":90,"tunes":568},"8Dm9qc9qVi",{"text":567,"level":252},"7. Interfaces and unions",{"alignment":569},{"alignment":85},{"id":571,"data":572,"type":82,"tunes":574},"oADtGTt-EU",{"text":573},"An interface is a set of fields that several types promise to share:",{"alignment":575},{"alignment":85},{"id":577,"data":578,"type":265},"1TJetPRRbd",{"code":579},"interface Item {\n  id: ID!\n  name: String!\n}\n\ntype Gadget implements Item {\n  id: ID!\n  name: String!\n  warrantyMonths: Int!\n}",{"id":581,"data":582,"type":82,"tunes":584},"OaFB0Elh5-",{"text":583},"A union says \"this field can be one of several types\", without needing shared fields. For example, a search result could be either a Product or a Seller.",{"alignment":585},{"alignment":85},{"id":587,"data":588,"type":90,"tunes":590},"m_4OMXmxea",{"text":589,"level":252},"8. The root types: Query, Mutation, Subscription",{"alignment":591},{"alignment":85},{"id":593,"data":594,"type":82,"tunes":596},"Bw3XEzb7hM",{"text":595},"These special object types are the entry points to your API. Every query starts at a field on&nbsp;\u003Ccode>Query\u003C\u002Fcode>, and every mutation starts at a field on&nbsp;\u003Ccode>Mutation\u003C\u002Fcode>.",{"alignment":597},{"alignment":85},{"id":599,"data":600,"type":265},"38NfJM-4B_",{"code":601},"type Query {\n  product(id: ID!): Product\n  products: [Product!]!\n}\n\ntype Mutation {\n  addProduct(input: AddProductInput!): Product!\n}",{"id":603,"data":604,"type":82,"tunes":606},"BfIjBYlBWl",{"text":605},"If it is not reachable from one of these roots, a client cannot get to it.",{"alignment":607},{"alignment":85},{"id":609,"data":610,"type":90,"tunes":612},"lNZJ2pkpxP",{"text":611,"level":22},"Reading Data: The GraphQL Query",{"alignment":613},{"alignment":85},{"id":615,"data":616,"type":82,"tunes":618},"cu7Zl2Gcgf",{"text":617},"A query is a read-only operation. The client describes the exact response shape it wants.",{"alignment":619},{"alignment":85},{"id":621,"data":622,"type":265},"SX01vcoIAh",{"code":623},"query GetProduct($id: ID!) {\n  product(id: $id) {\n    name\n    price\n    status\n    seller { name }\n    reviews { comment }\n  }\n}",{"id":625,"data":626,"type":82,"tunes":628},"gig6PlsPUU",{"text":627},"Variables are sent separately as JSON:",{"alignment":629},{"alignment":85},{"id":631,"data":632,"type":265},"OfaLyFV370",{"code":633},"{ \"id\": \"42\" }",{"id":635,"data":636,"type":82,"tunes":638},"wUuM7CrB1F",{"text":637},"The response:",{"alignment":639},{"alignment":85},{"id":641,"data":642,"type":265},"09GXgJV5vw",{"code":643},"{\n  \"data\": {\n    \"product\": {\n      \"name\": \"Running Shoes\",\n      \"price\": 2499.5,\n      \"status\": \"IN_STOCK\",\n      \"seller\": { \"name\": \"Urban Sports\" },\n      \"reviews\": [\n        { \"comment\": \"Very comfortable\" },\n        { \"comment\": \"Good value for money\" }\n      ]\n    }\n  }\n}",{"id":645,"data":646,"type":82,"tunes":648},"yh5eeIJbHr",{"text":647},"Notice: the response has the same shape as the query. Ask for five things, get five things. Ask for only the name, and you get only the name.",{"alignment":649},{"alignment":85},{"id":651,"data":652,"type":90,"tunes":654},"obor3Lcnrb",{"text":653,"level":252},"How the request travels",{"alignment":655},{"alignment":85},{"id":657,"data":658,"type":82,"tunes":660},"KB8nJYoMBF",{"text":659},"Over HTTP, the app sends a POST to the GraphQL endpoint with a small JSON body:",{"alignment":661},{"alignment":85},{"id":663,"data":664,"type":265},"xhKcLRrKaJ",{"code":665},"POST \u002Fgraphql\n{\n  \"query\": \"query GetProduct($id: ID!) { product(id: $id) { name } }\",\n  \"variables\": { \"id\": \"42\" }\n}",{"id":667,"data":668,"type":90,"tunes":670},"Fhd6hBS5qC",{"text":669,"level":22},"Writing Data: The GraphQL Mutation",{"alignment":671},{"alignment":85},{"id":673,"data":674,"type":82,"tunes":676},"g78Cvaxx71",{"text":675},"A mutation changes data on the server: create, update or delete. It looks like a query, but it starts with the word&nbsp;\u003Ccode>mutation\u003C\u002Fcode>.",{"alignment":677},{"alignment":85},{"id":679,"data":680,"type":265},"MR-lvydNKU",{"code":681},"mutation AddProduct($input: AddProductInput!) {\n  addProduct(input: $input) {\n    id\n    name\n    status\n  }\n}",{"id":683,"data":684,"type":82,"tunes":686},"d53g6sBDwY",{"text":685},"Variables:",{"alignment":687},{"alignment":85},{"id":689,"data":690,"type":265},"TdWcm_2gR9",{"code":691},"{\n  \"input\": {\n    \"name\": \"Wireless Mouse\",\n    \"price\": 799.0,\n    \"stockCount\": 25\n  }\n}",{"id":693,"data":694,"type":82,"tunes":696},"r3J-Op39nS",{"text":695},"Response:",{"alignment":697},{"alignment":85},{"id":699,"data":700,"type":265},"h7OZYKhUc1",{"code":701},"{\n  \"data\": {\n    \"addProduct\": {\n      \"id\": \"43\",\n      \"name\": \"Wireless Mouse\",\n      \"status\": \"IN_STOCK\"\n    }\n  }\n}",{"id":703,"data":704,"type":82,"tunes":706},"hhWPKL6IjE",{"text":705},"This shows a nice feature: a mutation can return data. After adding the product, we asked for its new ID, name, and status in the same request. The app does not need a second call to find out what happened.",{"alignment":707},{"alignment":85},{"id":709,"data":710,"type":90,"tunes":712},"NCIvj4Z8kh",{"text":711,"level":252},"GraphQL Query vs Mutation",{"alignment":713},{"alignment":85},{"id":715,"data":716,"type":337},"qv5mY7lUDm",{"content":717,"withHeadings":336},[718,721,725,729,733,737],[305,719,720],"Query","Mutation",[722,723,724],"Purpose","Read data","Change data (create, update, delete)",[726,727,728],"Side effects","None; it should only read","Changes server state",[730,731,732],"Keyword","\u003Ccode>query\u003C\u002Fcode>","\u003Ccode>mutation\u003C\u002Fcode>",[734,735,736],"Execution","Fields may be resolved in parallel","Top-level mutation fields run one after another",[738,739,740],"Example","\u003Ccode>product(id: 42)\u003C\u002Fcode>","\u003Ccode>addProduct(input: ...)\u003C\u002Fcode>",{"id":742,"data":743,"type":82,"tunes":745},"Myn0xp0sTL",{"text":744},"There is also a third operation type, the subscription. It opens a long-lived connection (usually a WebSocket) so the server can&nbsp;\u003Ca href=\"https:\u002F\u002F7span.com\u002Fblog\u002Fwhy-node-js-perfect-for-real-time-application-development\">push live events\u003C\u002Fa>, such as an order tracking page that updates as a parcel moves from packed to shipped.",{"alignment":746},{"alignment":85},{"id":748,"data":749,"type":90,"tunes":751},"3zUqqj9A42",{"text":750,"level":22},"Putting It All Together",{"alignment":752},{"alignment":85},{"id":754,"data":755,"type":82,"tunes":757},"-6LB5RLVvt",{"text":756},"Here is how the pieces connect for one simple flow.",{"alignment":758},{"alignment":85},{"id":760,"data":761,"type":134},"D7GhKIAWAX",{"items":762,"style":229},[763,766,769,772],{"items":764,"content":765},[],"Add a product with a mutation.&nbsp;It uses the input type&nbsp;",{"items":767,"content":768},[],"The server stores it&nbsp;and returns the fields you asked for, including the enum status&nbsp;",{"items":770,"content":771},[],"Read it back with a query:&nbsp;pass the&nbsp;",{"items":773,"content":774},[],"The response mirrors your query,&nbsp;and the schema guarantees every value matches its declared type.",{"id":776,"data":777,"type":90,"tunes":779},"AqOiXqbR-R",{"text":778,"level":22},"Conclusion",{"alignment":780},{"alignment":85},{"id":782,"data":783,"type":82,"tunes":785},"GODOZvlfBQ",{"text":784},"GraphQL is a simple idea: the client asks for exactly the fields it needs, the schema defines what is allowed, and the server answers in the same shape. You have now seen what it is, why it appeared, how it differs from REST, how queries read, and mutations write, and the types that make it all predictable.",{"alignment":786},{"alignment":85},{"id":788,"data":789,"type":82,"tunes":791},"066I-7lq2w",{"text":790},"If you remember only five things:",{"alignment":792},{"alignment":85},{"id":794,"data":795,"type":134},"Md1lwwIz8p",{"items":796,"style":229},[797,800,803,806,809],{"items":798,"content":799},[],"The client asks for the fields it needs.",{"items":801,"content":802},[],"The schema defines what is allowed.",{"items":804,"content":805},[],"Query reads. Mutation changes.",{"items":807,"content":808},[],"Nested data can come back in one request.",{"items":810,"content":811},[],"The response has the same shape as the query.","2.28.2",{"title":814,"id":815,"component":816},"Editor Renderer","b20b790f-9bf7-4fe4-a500-220d9752c67a",{"name":817,"id":818},"sections-blog-editor","8f082246-494c-41a1-b796-da33c0cc1e2e",{"collection":820,"item":821},"bg_sections_tiny_cta",{"id":822,"title":823,"description":32,"status":824,"button_label":825,"url":826},"f166f77c-52c3-4657-be2c-65066c88b2ba","Planning a GraphQL API for your product?","draft","Hire GraphQL Developers","https:\u002F\u002F7span.com\u002Fhire-graphql-developers",{"collection":828,"item":829},"bg_sections_faqs",{"id":830,"title":831,"subtitle":32,"status":824,"faqs":832},"15a8cf27-8abb-4d8b-9918-2223ac657827","\u003Ch2>FAQs\u003C\u002Fh2>",[833,845,852,859,867],{"id":834,"sort":39,"bg_sections_faqs_id":835,"faq_cards_id":841},250,{"title":831,"subtitle":32,"id":830,"status":824,"faqs":836},[834,837,838,839,840],251,252,253,254,{"question":842,"answer":843,"id":844},"\u003Ch3>What is GraphQL used for?\u003C\u002Fh3>","\u003Cp>GraphQL is used to build APIs where the client asks for exactly the data it needs in one request. It suits screens that combine related data, like a product with its seller and reviews, and apps where web, mobile and other clients each need different fields from the same backend.\u003C\u002Fp>","e2c3aa19-eb17-4a36-826a-4ae311ab9984",{"id":837,"sort":22,"bg_sections_faqs_id":846,"faq_cards_id":848},{"title":831,"subtitle":32,"id":830,"status":824,"faqs":847},[834,837,838,839,840],{"question":849,"answer":850,"id":851},"\u003Ch3>Is GraphQL better than REST?\u003C\u002Fh3>","\u003Cp>Neither is better everywhere. GraphQL helps when screens need nested data or different clients need different shapes. REST is often simpler for stable resources, public APIs, file uploads and anything that relies on HTTP caching. Many teams use both side by side, picking whichever fits each part of the product.\u003C\u002Fp>","1c0ca0d9-480c-491b-80be-51204916ee37",{"id":838,"sort":252,"bg_sections_faqs_id":853,"faq_cards_id":855},{"title":831,"subtitle":32,"id":830,"status":824,"faqs":854},[834,837,838,839,840],{"question":856,"answer":857,"id":858},"\u003Ch3>Is GraphQL a database?\u003C\u002Fh3>","\u003Cp>No. GraphQL is a query language and a server-side runtime that sits between your app and your data sources. Those sources can be databases, other APIs or internal services. The schema describes what clients can ask for, and the server fetches the data from wherever it actually lives.\u003C\u002Fp>","eee428b8-5e8f-4429-ad91-8073b59231b2",{"id":839,"sort":860,"bg_sections_faqs_id":861,"faq_cards_id":863},4,{"title":831,"subtitle":32,"id":830,"status":824,"faqs":862},[834,837,838,839,840],{"question":864,"answer":865,"id":866},"\u003Ch3>What is the difference between a GraphQL query and a mutation?\u003C\u002Fh3>","\u003Cp>A query only reads data and should have no side effects. A mutation creates, updates or deletes data on the server. Both look similar and can return fields in the same request. One difference: top-level fields in a query may run in parallel, while top-level mutation fields run one after another.\u003C\u002Fp>","1c05ee4a-5552-44b4-9ad1-61208c5de6e9",{"id":840,"sort":868,"bg_sections_faqs_id":869,"faq_cards_id":871},5,{"title":831,"subtitle":32,"id":830,"status":824,"faqs":870},[834,837,838,839,840],{"question":872,"answer":873,"id":874},"\u003Ch3>What is a GraphQL schema?\u003C\u002Fh3>","\u003Cp>A GraphQL schema is the contract for your API. Written in the Schema Definition Language (SDL), it lists every type, field and relationship clients can request, plus the entry points on Query and Mutation. The server checks every request against it and rejects unknown fields or wrong types before running any code.\u003C\u002Fp>","8b45b049-92f2-458d-b601-8f218600a0b5",{"first_name":876,"last_name":877,"id":878,"email":879,"facebook_url":32,"description":880,"x_url":32,"linkedin_url":881,"instagram_url":32,"title":882,"slug":883,"avatar":884},"Jenish","Dadhania","e1253b29-f410-4d70-9108-048a9923d88d","Jenish.d@7span.com","Hey, I’m a Software Developer who enjoys turning coffee into code and complex problems into practical solutions.\nI work with Java, Spring Boot, React, databases, and AI to build clean, reliable, and scalable software. I enjoy exploring backend systems, designing better APIs, understanding system design, and experimenting with modern technologies and figuring out why something broke (and fixing it… eventually 😅).\nI believe great software isn’t just about making things work — it’s about writing code that is simple, maintainable, and makes sense even the next day.","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fjenishdadhania","Assistant Software Engineer ","jenish-dadhania",{"id":885,"filename_disk":886},"e80ac67a-9b82-4bbb-80af-45996a4036e3","e80ac67a-9b82-4bbb-80af-45996a4036e3.jpg",{"id":888,"filename_disk":889},"0b54f377-ed93-4bec-8672-8f55c7a6c7c9","0b54f377-ed93-4bec-8672-8f55c7a6c7c9.png",{"name":891,"_100":892,"_200":893,"_300":894,"_400":895,"_500":896,"_700":897,"_600":898,"_900":899,"_800":900,"id":901,"status":9},"Tailwind Pink","#FCE7F3","#FBCFE8","#F9A8D4","#F472B6","#EC4899","#BE185D","#DB2777","#831843","#9D174D","34ed0098-e8b5-4175-ad60-c795cab72902",{"address":903,"contact":920},[904,913],{"hem_addresse":905},{"country":906,"address":907,"contact_number":908},"India (HQ)","\u003Cp>201, iSquare Corporate Park, Ahmedabad-380060, Gujarat, India\u003C\u002Fp>",{"type":909,"label":910,"url":911,"anchor_id":32,"target":912,"description":32,"click_id":32,"page":32,"icon":32,"section":32},"url","+91 77 97 977 977","tel:+917797977977","_blank",{"hem_addresse":914},{"country":915,"address":916,"contact_number":917},"Canada","\u003Cp>24 Merlot Court, Timberlea, NS B3T 0C2, Canada\u003C\u002Fp>",{"type":909,"label":918,"url":919,"anchor_id":32,"target":912,"description":32,"click_id":32,"page":32,"icon":32,"section":32},"+1 902-333-0067","tel:+19023330067",[921,927],{"hem_contact":922},{"label":923,"contact_value":924,"link":925},"\u003Cp>For Sales\u003C\u002Fp>","YO@7SPAN.COM",{"type":909,"label":924,"url":926,"anchor_id":32,"target":912,"description":32,"click_id":32,"page":32,"icon":32,"section":32},"mailto:YO@7SPAN.COM?subject=Inquiry",{"hem_contact":928},{"label":929,"contact_value":930,"link":931},"\u003Cp>Looking For Jobs\u003C\u002Fp>","Apply Now",{"type":932,"label":933,"url":32,"anchor_id":32,"target":32,"description":32,"click_id":32,"page":934,"icon":936,"section":32},"page","Career",{"path":935},"\u002Fcareers",{"name":933,"value":937,"svg":32},"mdi:briefcase-variant-outline",{"id":29,"tagline":939,"iso_badges":940,"logo":941,"logo_link":946,"tagline_logo":951,"links":955,"social_links":956,"link_columns":1013},"Whatever your challenge, stage, or vision, we make IT possible.","ISO 9001:2015 | ISO 42001:2023 Certified",{"id":942,"width":32,"height":32,"title":943,"type":944,"filename_disk":945},"2e271b47-e9db-44a4-a71f-0071aec6d2a2","Logo Light","image\u002Fsvg+xml","2e271b47-e9db-44a4-a71f-0071aec6d2a2.svg",{"type":932,"label":947,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":949,"icon":32},"back to home","_self",{"path":950},"\u002F",{"id":952,"width":32,"height":32,"title":953,"type":944,"filename_disk":954},"0808758f-6b4f-46a1-b9ef-19027465a472","Making It Possible Light","0808758f-6b4f-46a1-b9ef-19027465a472.svg",[],{"type":32,"label":957,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":958},"Social Media",[959,965,971,977,983,989,995,1001,1007],{"children":960},{"type":909,"label":961,"url":962,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":963},"Github","https:\u002F\u002Fgithub.com\u002F7span",{"name":961,"value":964,"svg":32},"simple-icons:github",{"children":966},{"type":909,"label":967,"url":968,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":969},"LinkedIn","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002F7span",{"name":967,"value":970,"svg":32},"simple-icons:linkedin",{"children":972},{"type":909,"label":973,"url":974,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":975},"Instagram","https:\u002F\u002Finstagram.com\u002F7span",{"name":973,"value":976,"svg":32},"simple-icons:instagram",{"children":978},{"type":909,"label":979,"url":980,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":981},"X","https:\u002F\u002Fx.com\u002F7SpanHQ",{"name":979,"value":982,"svg":32},"simple-icons:x",{"children":984},{"type":909,"label":985,"url":986,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":987},"Facebook","https:\u002F\u002Ffacebook.com\u002F7span",{"name":985,"value":988,"svg":32},"simple-icons:facebook",{"children":990},{"type":909,"label":991,"url":992,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":993},"Youtube","https:\u002F\u002Fyoutube.com\u002F7span",{"name":991,"value":994,"svg":32},"simple-icons:youtube",{"children":996},{"type":909,"label":997,"url":998,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":999},"Discord","https:\u002F\u002F7span.in\u002Fclub",{"name":997,"value":1000,"svg":32},"simple-icons:discord",{"children":1002},{"type":909,"label":1003,"url":1004,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":1005},"Behance","https:\u002F\u002Fwww.behance.net\u002F7span",{"name":1003,"value":1006,"svg":32},"simple-icons:behance",{"children":1008},{"type":909,"label":1009,"url":1010,"anchor_id":32,"target":912,"description":32,"section":32,"page":32,"icon":1011},"Dribbble","https:\u002F\u002Fdribbble.com\u002F7span",{"name":1009,"value":1012,"svg":32},"simple-icons:dribbble",{"type":32,"label":32,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1014},[1015,1059,1098],{"children":1016},{"type":32,"label":1017,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1018},"Hire Developers",[1019,1024,1029,1034,1039,1044,1049,1054],{"children":1020},{"type":932,"label":1021,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1022,"icon":32},"Hire Node JS Developer",{"path":1023},"\u002Fhire-node-js-developers",{"children":1025},{"type":932,"label":1026,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1027,"icon":32},"Hire React Developer",{"path":1028},"\u002Fhire-react-developers",{"children":1030},{"type":932,"label":1031,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1032,"icon":32},"Hire Java Developer",{"path":1033},"\u002Fhire-java-developers",{"children":1035},{"type":932,"label":1036,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1037,"icon":32},"Hire Directus Developers",{"path":1038},"\u002Fhire-directus-developers",{"children":1040},{"type":932,"label":1041,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1042,"icon":32},"Hire Webflow Developer",{"path":1043},"\u002Fhire-webflow-developer",{"children":1045},{"type":932,"label":1046,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1047,"icon":32},"Hire AWS Developer",{"path":1048},"\u002Fhire-aws-experts",{"children":1050},{"type":932,"label":1051,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1052,"icon":32},"Hire Flutter Developer",{"path":1053},"\u002Fhire-flutter-developers",{"children":1055},{"type":932,"label":1056,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1057,"icon":32},"See More",{"path":1058},"\u002Fhire-dedicated-developers",{"children":1060},{"type":32,"label":1061,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1062},"Industries",[1063,1068,1073,1078,1083,1088,1093],{"children":1064},{"type":932,"label":1065,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1066,"icon":32},"Manufacturing",{"path":1067},"\u002Findustry\u002Fmanufacturing",{"children":1069},{"type":932,"label":1070,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1071,"icon":32},"Real Estate & Construction",{"path":1072},"\u002Findustry\u002Freal-estate",{"children":1074},{"type":932,"label":1075,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1076,"icon":32},"Healthcare & Wellness",{"path":1077},"\u002Findustry\u002Fhealthcare",{"children":1079},{"type":932,"label":1080,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1081,"icon":32},"Travel & Hospitality",{"path":1082},"\u002Findustry\u002Ftravel-hospitality",{"children":1084},{"type":932,"label":1085,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1086,"icon":32},"Banking & Finance",{"path":1087},"\u002Findustry\u002Fbanking-finance",{"children":1089},{"type":932,"label":1090,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1091,"icon":32},"Ecommerce & Retail",{"path":1092},"\u002Findustry\u002Fretail-ecommerce",{"children":1094},{"type":932,"label":1095,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1096,"icon":32},"Government & Public Sector",{"path":1097},"\u002Findustry\u002Fgovernment-and-public-service",{"children":1099},{"type":32,"label":1100,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":1101,"links":1107},"Company",{"name":1102,"value":32,"svg":1103},"Making IT Possible | Black Font",{"id":1104,"width":32,"height":32,"title":1105,"type":944,"filename_disk":1106},"ef48a6de-e34e-400b-8de4-c5d5c1b5ff5f","Group","ef48a6de-e34e-400b-8de4-c5d5c1b5ff5f.svg",[1108,1115,1122,1129,1133,1140,1147],{"children":1109},{"type":932,"label":1110,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1111,"icon":1113},"About",{"path":1112},"\u002Fabout",{"name":1110,"value":1114,"svg":32},"mdi:information-outline",{"children":1116},{"type":932,"label":1117,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1118,"icon":1120},"Technologies",{"path":1119},"\u002Ftechnologies",{"name":1117,"value":1121,"svg":32},"mdi:code-braces",{"children":1123},{"type":932,"label":1124,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1125,"icon":1127},"Testimonials",{"path":1126},"\u002Ftestimonials",{"name":1124,"value":1128,"svg":32},"mdi:chat-processing-outline",{"children":1130},{"type":932,"label":933,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1131,"icon":1132},{"path":935},{"name":933,"value":937,"svg":32},{"children":1134},{"type":932,"label":1135,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1136,"icon":1138},"Contact",{"path":1137},"\u002Fcontact",{"name":1135,"value":1139,"svg":32},"mdi:email-outline",{"children":1141},{"type":932,"label":1142,"url":32,"anchor_id":32,"target":912,"description":32,"section":32,"page":1143,"icon":1145},"Brand Assets",{"path":1144},"\u002Fbrand",{"name":1142,"value":1146,"svg":32},"mdi:brush-variant",{"children":1148},{"type":932,"label":1149,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1150,"icon":1152},"Privacy Policy",{"path":1151},"\u002Fprivacy-policy",{"name":1149,"value":1153,"svg":32},"mdi:shield-check-outline",{"logo":1155,"logo_link":1159,"button_primary":1161,"links":1168},{"id":1156,"width":32,"height":32,"title":1157,"type":944,"filename_disk":1158},"be082e99-8711-4293-b716-4b3da8c6dd29","Logo Dark","be082e99-8711-4293-b716-4b3da8c6dd29.svg",{"type":932,"label":947,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1160,"icon":32},{"path":950},{"type":932,"label":1162,"url":32,"anchor_id":1163,"target":948,"description":32,"section":32,"page":1164,"icon":1165},"Get In Touch","contact_form",{"path":1137},{"name":1166,"value":1167,"svg":32},"Call","mdi:phone",{"type":32,"label":1169,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1170},"Menu",[1171,1347,1353,1601,1607,1613],{"children":1172},{"type":932,"label":1173,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1174,"icon":32,"links":1176},"Services",{"path":1175},"\u002Fservices",[1177,1234,1285,1316],{"children":1178},{"type":932,"label":1179,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1180,"icon":1182,"links":1188},"Build",{"path":1181},"\u002Fbuild",{"name":1183,"value":32,"svg":1184},"Advanced Manufacturing & Industrial Products",{"id":1185,"width":32,"height":32,"title":1186,"type":944,"filename_disk":1187},"0461b3d3-f165-4a6b-bcd8-a8f4a63120ef","Mega Menu (1)","0461b3d3-f165-4a6b-bcd8-a8f4a63120ef.svg",[1189,1194,1199,1204,1209,1214,1219,1224,1229],{"children":1190},{"type":932,"label":1191,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1192,"icon":32},"Custom Applications",{"path":1193},"\u002Fcustom-software-development",{"children":1195},{"type":932,"label":1196,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1197,"icon":32},"Enterprise Solutions",{"path":1198},"\u002Fenterprise-application-solutions",{"children":1200},{"type":932,"label":1201,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1202,"icon":32},"eCommerce & Digital Storefronts",{"path":1203},"\u002Fecommerce-development",{"children":1205},{"type":932,"label":1206,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1207,"icon":32},"No-Code\u002FLow-Code Solutions",{"path":1208},"\u002Flow-code-no-code-development",{"children":1210},{"type":932,"label":1211,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1212,"icon":32},"Custom Web Development",{"path":1213},"\u002Fcustom-web-development",{"children":1215},{"type":932,"label":1216,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1217,"icon":32},"SaaS",{"path":1218},"\u002Fsaas-product-development",{"children":1220},{"type":932,"label":1221,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1222,"icon":32},"Cloud & DevOps",{"path":1223},"\u002Fcloud-devops-engineering",{"children":1225},{"type":932,"label":1226,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1227,"icon":32},"Mobile App Development",{"path":1228},"\u002Fmobile-application-development",{"children":1230},{"type":932,"label":1231,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1232,"icon":32},"CMS Development",{"path":1233},"\u002Fcms-development",{"children":1235},{"type":932,"label":1236,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1237,"icon":1239,"links":1244},"Grow",{"path":1238},"\u002Fgrow",{"name":1240,"value":1240,"svg":1241},"Dawnrise",{"id":1242,"width":32,"height":32,"title":1240,"type":944,"filename_disk":1243},"ba95220f-833d-4ca4-8a11-2a4b67cd134e","ba95220f-833d-4ca4-8a11-2a4b67cd134e.svg",[1245,1250,1255,1260,1265,1270,1275,1280],{"children":1246},{"type":932,"label":1247,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1248,"icon":32},"Performance Marketing Services",{"path":1249},"\u002Fperformance-marketing-services",{"children":1251},{"type":932,"label":1252,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1253,"icon":32},"eCommerce Growth Solutions",{"path":1254},"\u002Fecommerce-growth-solutions",{"children":1256},{"type":932,"label":1257,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1258,"icon":32},"UX Optimization & Accessibility",{"path":1259},"\u002Fui-ux-design",{"children":1261},{"type":932,"label":1262,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1263,"icon":32},"IT Strategy & Process Optimization",{"path":1264},"\u002Fit-optimization",{"children":1266},{"type":932,"label":1267,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1268,"icon":32},"Application Maintenance & Support",{"path":1269},"\u002Fapplication-maintenance",{"children":1271},{"type":932,"label":1272,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1273,"icon":32},"IT Staff Augmentation Services",{"path":1274},"\u002Fit-staff-augmentation-services",{"children":1276},{"type":932,"label":1277,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1278,"icon":32},"B2B Lead Generation Solutions",{"path":1279},"\u002Flead-generation-services",{"children":1281},{"type":932,"label":1282,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1283,"icon":32},"Business Intelligence & Data Analytics",{"path":1284},"\u002Fbusiness-intelligence-and-data-analytics",{"children":1286},{"type":932,"label":1287,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1288,"icon":1290,"links":1295},"Transform",{"path":1289},"\u002Ftransform",{"name":1291,"value":1291,"svg":1292},"Ember Nest",{"id":1293,"width":32,"height":32,"title":1291,"type":944,"filename_disk":1294},"317591fd-6bf7-4888-a695-78ecdf2507af","317591fd-6bf7-4888-a695-78ecdf2507af.svg",[1296,1301,1306,1311],{"children":1297},{"type":932,"label":1298,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1299,"icon":32},"Legacy App Modernizations",{"path":1300},"\u002Flegacy-app-modernization",{"children":1302},{"type":932,"label":1303,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1304,"icon":32},"AI & Advanced Tech Solutions",{"path":1305},"\u002Fai-and-emerging-technologies",{"children":1307},{"type":932,"label":1308,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1309,"icon":32},"Cloud & Infrastructure Transformation",{"path":1310},"\u002Fcloud-infrastructure-modernization",{"children":1312},{"type":932,"label":1313,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1314,"icon":32},"IoT & Smart Solutions",{"path":1315},"\u002Fiot-development-smart-integration",{"children":1317},{"type":932,"label":1318,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1319,"icon":1321,"links":1326},"Consulting",{"path":1320},"\u002Fconsulting",{"name":1322,"value":1322,"svg":1323},"Twinflame",{"id":1324,"width":32,"height":32,"title":1322,"type":944,"filename_disk":1325},"5c461564-acb7-4926-b30f-1ef56efb28f5","5c461564-acb7-4926-b30f-1ef56efb28f5.svg",[1327,1332,1337,1342],{"children":1328},{"type":932,"label":1329,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1330,"icon":32},"Product Consulting",{"path":1331},"\u002Fproduct-strategy-and-management",{"children":1333},{"type":932,"label":1334,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1335,"icon":32},"Tech Consulting",{"path":1336},"\u002Ftechnology-consulting",{"children":1338},{"type":932,"label":1339,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1340,"icon":32},"Design Consulting",{"path":1341},"\u002Fux-consulting",{"children":1343},{"type":932,"label":1344,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1345,"icon":32},"Digital Marketing Consulting",{"path":1346},"\u002Fdigital-marketing-consulting",{"children":1348},{"type":932,"label":1349,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1350,"icon":32,"links":1352},"Solutions",{"path":1351},"\u002Fsolutions",[],{"children":1354},{"type":32,"label":1355,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1356},"Products",[1357,1381,1436,1474,1577],{"children":1358},{"type":32,"label":1216,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1359},[1360,1371],{"children":1361},{"type":932,"label":1362,"url":32,"anchor_id":32,"target":912,"description":1363,"section":32,"page":1364,"icon":1366},"Vepaar","\u003Cp>The all-in-one suite to run, sell, and support your business online\u003C\u002Fp>",{"path":1365},"\u002Fvepaar",{"name":1367,"value":32,"svg":1368},"Vepaar Icon",{"id":1369,"width":32,"height":32,"title":1362,"type":944,"filename_disk":1370},"d4bead81-d2b1-4457-bb6b-1c363f743d9d","d4bead81-d2b1-4457-bb6b-1c363f743d9d.svg",{"children":1372},{"type":932,"label":1373,"url":32,"anchor_id":32,"target":912,"description":1374,"section":32,"page":1375,"icon":1377},"Pagemaker","\u003Cp>Mobile First No-Code Landing Page Builder\u003C\u002Fp>",{"path":1376},"\u002Fpagemaker",{"name":1373,"value":32,"svg":1378},{"id":1379,"width":32,"height":32,"title":1373,"type":944,"filename_disk":1380},"d4ac2317-ff68-456d-abec-2ebc0930cd42","d4ac2317-ff68-456d-abec-2ebc0930cd42.svg",{"children":1382},{"type":32,"label":1383,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1384},"Mobile Apps",[1385,1395,1405,1415,1426],{"children":1386},{"type":932,"label":1387,"url":32,"anchor_id":32,"target":912,"description":1388,"section":32,"page":1389,"icon":1391},"Tapomo","\u003Cp>A Digital Business Card and Networking Platform\u003C\u002Fp>",{"path":1390},"\u002Ftapomo",{"name":1387,"value":32,"svg":1392},{"id":1393,"width":32,"height":32,"title":1387,"type":944,"filename_disk":1394},"13cc60db-cd9e-4fff-8f13-76b6155ab95d","13cc60db-cd9e-4fff-8f13-76b6155ab95d.svg",{"children":1396},{"type":932,"label":1397,"url":32,"anchor_id":32,"target":912,"description":1398,"section":32,"page":1399,"icon":1401},"Voliz","\u003Cp>A Real-Time WhatsApp Polling Platform\u003C\u002Fp>",{"path":1400},"\u002Fvoliz",{"name":1397,"value":32,"svg":1402},{"id":1403,"width":32,"height":32,"title":1397,"type":944,"filename_disk":1404},"d79f8032-d289-4376-bdd8-84d205ae2582","d79f8032-d289-4376-bdd8-84d205ae2582.svg",{"children":1406},{"type":932,"label":1407,"url":32,"anchor_id":32,"target":912,"description":1408,"section":32,"page":1409,"icon":1411},"Frink","\u003Cp>A Customizable Link in Bio Tool for Creators and Brands\u003C\u002Fp>",{"path":1410},"\u002Ffrink",{"name":1407,"value":32,"svg":1412},{"id":1413,"width":32,"height":32,"title":1407,"type":944,"filename_disk":1414},"82f881ca-7824-482b-a9ca-16ccb5f92037","82f881ca-7824-482b-a9ca-16ccb5f92037.svg",{"children":1416},{"type":932,"label":1417,"url":32,"anchor_id":32,"target":912,"description":1418,"section":32,"page":1419,"icon":1421},"BakLoL","\u003Cp>A Location-Based Voice Sharing Platform\u003C\u002Fp>",{"path":1420},"\u002Fbaklol",{"name":1417,"value":32,"svg":1422},{"id":1423,"width":32,"height":32,"title":1424,"type":944,"filename_disk":1425},"98f3c152-6255-45f1-a81f-fcc5e3414738","Baklol","98f3c152-6255-45f1-a81f-fcc5e3414738.svg",{"children":1427},{"type":932,"label":1428,"url":32,"anchor_id":32,"target":912,"description":1429,"section":32,"page":1430,"icon":1432},"Mixpage","\u003Cp>Build Your Website From Your Phone\u003C\u002Fp>",{"path":1431},"\u002Fmixpage",{"name":1428,"value":32,"svg":1433},{"id":1434,"width":32,"height":32,"title":1428,"type":944,"filename_disk":1435},"984e1e41-5b38-4b0a-9348-204b5c74920f","984e1e41-5b38-4b0a-9348-204b5c74920f.svg",{"children":1437},{"type":32,"label":1438,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1439},"Odoo Apps",[1440,1452,1463],{"children":1441},{"type":932,"label":1442,"url":32,"anchor_id":32,"target":912,"description":1443,"section":32,"page":1444,"icon":1446},"CRM Dashboard","\u003Cp>Real-Time Sales &amp; Revenue Tracking\u003C\u002Fp>",{"path":1445},"\u002Fodoo-apps\u002Fcrm-dashboard",{"name":1447,"value":32,"svg":1448},"CRM Dashboard Icon",{"id":1449,"width":32,"height":32,"title":1450,"type":944,"filename_disk":1451},"2cae4e0f-2f45-4f8e-8bf6-15f00ac88835","Crm","2cae4e0f-2f45-4f8e-8bf6-15f00ac88835.svg",{"children":1453},{"type":932,"label":1454,"url":32,"anchor_id":32,"target":912,"description":1455,"section":32,"page":1456,"icon":1458},"Cashfree Integration","\u003Cp>Payment Gateway Integration for Odoo\u003C\u002Fp>",{"path":1457},"\u002Fodoo-apps\u002Fcashfree",{"name":1459,"value":32,"svg":1460},"Cashfree",{"id":1461,"width":32,"height":32,"title":1459,"type":944,"filename_disk":1462},"846054ee-c8e0-4051-b561-0c1be07c51f1","846054ee-c8e0-4051-b561-0c1be07c51f1.svg",{"children":1464},{"type":932,"label":1465,"url":32,"anchor_id":32,"target":912,"description":1466,"section":32,"page":1467,"icon":1469},"Purchase Order","\u003Cp>Order Payment App for B2B Checkout\u003C\u002Fp>",{"path":1468},"\u002Fodoo-apps\u002Fpurchase-order",{"name":1465,"value":32,"svg":1470},{"id":1471,"width":32,"height":32,"title":1472,"type":944,"filename_disk":1473},"098cf550-448b-4114-91d3-fbac10b7f0d9","Purchase 2","098cf550-448b-4114-91d3-fbac10b7f0d9.svg",{"children":1475},{"type":932,"label":1476,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1477,"icon":32,"links":1479},"Open Source",{"path":1478},"\u002Fopen-source",[1480,1496,1508,1519,1532,1544,1555,1567],{"children":1481},{"type":1482,"label":1483,"url":1484,"anchor_id":1485,"target":912,"description":1486,"section":1487,"page":1489,"icon":1490},"section","VueList","https:\u002F\u002F7span.com\u002Fopen-source#124e0f59-576e-4b49-9026-7387da467b91","124e0f59-576e-4b49-9026-7387da467b91","\u003Cp>Simplified API-based list rendering for Vue\u003C\u002Fp>",{"item":1488},"e5d8dfa8-b10a-4e99-8d28-7f80f9093dfa",{"path":1478},{"name":1491,"value":32,"svg":1492},"Vue List Icon",{"id":1493,"width":32,"height":32,"title":1494,"type":944,"filename_disk":1495},"049a33aa-cbf8-4b83-94d8-4a78c9faaf8a","Vue List","049a33aa-cbf8-4b83-94d8-4a78c9faaf8a.svg",{"children":1497},{"type":1482,"label":1498,"url":32,"anchor_id":1499,"target":948,"description":1500,"section":1501,"page":1502,"icon":1503},"ReactList","ffedf96a-b43d-45aa-84b8-51110cb37a4f","\u003Cp>Simplified API-based list rendering for React\u003C\u002Fp>",{"item":1499},{"path":1478},{"name":1504,"value":32,"svg":1505},"React List",{"id":1506,"width":32,"height":32,"title":1504,"type":944,"filename_disk":1507},"153b9211-ca81-4fe5-bc76-753821ee6da7","153b9211-ca81-4fe5-bc76-753821ee6da7.svg",{"children":1509},{"type":1482,"label":1510,"url":32,"anchor_id":1488,"target":912,"description":1511,"section":1512,"page":1513,"icon":1514},"VueForm","\u003Cp>Build consistent CRUD forms, faster for Vue\u003C\u002Fp>",{"item":1488},{"path":1478},{"name":1515,"value":32,"svg":1516},"Vue Form",{"id":1517,"width":32,"height":32,"title":1515,"type":944,"filename_disk":1518},"7e33276e-fc6d-438f-9c10-5d2d70ab0606","7e33276e-fc6d-438f-9c10-5d2d70ab0606.svg",{"children":1520},{"type":1482,"label":1521,"url":32,"anchor_id":1522,"target":948,"description":1523,"section":1524,"page":1525,"icon":1526},"ReactForm","8c35e524-04a2-4d63-ab2b-9154efd92323","\u003Cp>Build consistent CRUD forms, faster for React.\u003C\u002Fp>",{"item":1522},{"path":1478},{"name":1527,"value":32,"svg":1528},"React Form",{"id":1529,"width":32,"height":32,"title":1530,"type":944,"filename_disk":1531},"d49e0b78-c98f-4bda-9dc4-4f5f238cf06a","React Form 3","d49e0b78-c98f-4bda-9dc4-4f5f238cf06a.svg",{"children":1533},{"type":1482,"label":1534,"url":32,"anchor_id":1535,"target":32,"description":1536,"section":1537,"page":1538,"icon":1539},"DashingKit","28787115-d6c9-48e9-9569-a184610e1d84","\u003Cp>A Flutter starter kit built for scalable apps\u003C\u002Fp>",{"item":1535},{"path":1478},{"name":1540,"value":32,"svg":1541},"Dashing Kit",{"id":1542,"width":32,"height":32,"title":1540,"type":944,"filename_disk":1543},"c742d34d-afc2-4e89-a8fe-34f68a95c5c0","c742d34d-afc2-4e89-a8fe-34f68a95c5c0.svg",{"children":1545},{"type":1482,"label":1546,"url":32,"anchor_id":1547,"target":32,"description":1548,"section":1549,"page":1550,"icon":1551},"Laravel Chat","34f46942-e97b-43c4-aa2a-ff34a38853ed","\u003Cp>The all-in-one Laravel chat package\u003C\u002Fp>",{"item":1547},{"path":1478},{"name":1546,"value":32,"svg":1552},{"id":1553,"width":32,"height":32,"title":1546,"type":944,"filename_disk":1554},"c2558639-c78c-45a3-9a75-cc7c2bfcc250","c2558639-c78c-45a3-9a75-cc7c2bfcc250.svg",{"children":1556},{"type":1482,"label":1557,"url":32,"anchor_id":1558,"target":32,"description":1559,"section":1560,"page":1561,"icon":1562},"Laravel Code Generator","550942dc-1760-41da-9ac6-d0305bf8ae33","\u003Cp>Automated CRUD Code\u003C\u002Fp>",{"item":1558},{"path":1478},{"name":1563,"value":32,"svg":1564},"Laravel Code Genrator",{"id":1565,"width":32,"height":32,"title":1557,"type":944,"filename_disk":1566},"6a9a0b3f-987e-47b5-a98d-620db73dd3c6","6a9a0b3f-987e-47b5-a98d-620db73dd3c6.svg",{"children":1568},{"type":32,"label":1569,"url":32,"anchor_id":1570,"target":32,"description":1571,"section":32,"page":32,"icon":1572},"Laravel WhatsApp","0d6926a8-0bce-4d31-8f1d-c49de22aa674","\u003Cp>Easy WhatsApp Message API Integration\u003C\u002Fp>",{"name":1573,"value":32,"svg":1574},"Laravel Whatsapp",{"id":1575,"width":32,"height":32,"title":1573,"type":944,"filename_disk":1576},"686ec747-c1d4-431a-8e94-f65b11c24067","686ec747-c1d4-431a-8e94-f65b11c24067.svg",{"children":1578},{"type":32,"label":1579,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":32,"links":1580},"Brands",[1581,1591],{"children":1582},{"type":932,"label":1583,"url":32,"anchor_id":32,"target":912,"description":1584,"section":32,"page":1585,"icon":1587},"Motolith","\u003Cp>A Unified Auto Parts Marketplace Platform\u003C\u002Fp>",{"path":1586},"\u002Fmotolith",{"name":1583,"value":32,"svg":1588},{"id":1589,"width":32,"height":32,"title":1583,"type":944,"filename_disk":1590},"7965c08f-b2e5-40cf-b51a-23c3f04b8f4e","7965c08f-b2e5-40cf-b51a-23c3f04b8f4e.svg",{"children":1592},{"type":932,"label":1593,"url":32,"anchor_id":32,"target":912,"description":1594,"section":32,"page":1595,"icon":1597},"Carkhana","\u003Cp>A Digital Garage and Vehicle Management Platform\u003C\u002Fp>",{"path":1596},"\u002Fcarkhana",{"name":1593,"value":32,"svg":1598},{"id":1599,"width":32,"height":32,"title":1593,"type":944,"filename_disk":1600},"04a7e020-1f2a-4b47-a9fe-18a0938b5ffc","04a7e020-1f2a-4b47-a9fe-18a0938b5ffc.svg",{"children":1602},{"type":932,"label":1603,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1604,"icon":32,"links":1606},"Work",{"path":1605},"\u002Fwork",[],{"children":1608},{"type":932,"label":1609,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1610,"icon":32,"links":1612},"Blog",{"path":1611},"\u002Fblog",[],{"children":1614},{"type":32,"label":1100,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":32,"icon":1615,"links":1617},{"name":1102,"value":32,"svg":1616},{"id":1104,"width":32,"height":32,"title":1105,"type":944,"filename_disk":1106},[1618,1623,1628,1633,1638,1643,1648],{"children":1619},{"type":932,"label":1110,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1620,"icon":1621,"links":1622},{"path":1112},{"name":1110,"value":1114,"svg":32},[],{"children":1624},{"type":932,"label":1117,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1625,"icon":1626,"links":1627},{"path":1119},{"name":1117,"value":1121,"svg":32},[],{"children":1629},{"type":932,"label":1124,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1630,"icon":1631,"links":1632},{"path":1126},{"name":1124,"value":1128,"svg":32},[],{"children":1634},{"type":932,"label":933,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1635,"icon":1636,"links":1637},{"path":935},{"name":933,"value":937,"svg":32},[],{"children":1639},{"type":932,"label":1135,"url":32,"anchor_id":32,"target":948,"description":32,"section":32,"page":1640,"icon":1641,"links":1642},{"path":1137},{"name":1135,"value":1139,"svg":32},[],{"children":1644},{"type":932,"label":1142,"url":32,"anchor_id":32,"target":912,"description":32,"section":32,"page":1645,"icon":1646,"links":1647},{"path":1144},{"name":1142,"value":1146,"svg":32},[],{"children":1649},{"type":932,"label":1149,"url":32,"anchor_id":32,"target":32,"description":32,"section":32,"page":1650,"icon":1651,"links":1652},{"path":1151},{"name":1149,"value":1153,"svg":32},[],[1654,1673,1688],{"id":1655,"title":1656,"slug":1657,"date_published":1658,"tags":1659,"cover":1666,"author":1669},"222e0d73-e2e8-4b96-9859-9417ca5ce82d","Best AI Web App Builders in 2025","best-ai-web-app-builders","2025-09-18",[1660,1662],{"bg_tags_id":1661},{"label":63,"slug":64},{"bg_tags_id":1663},{"label":1664,"slug":1665},"AI","ai",{"id":1667,"filename_disk":1668},"dcaf901e-0ad5-4fe7-b884-8790b1bc4e5d","dcaf901e-0ad5-4fe7-b884-8790b1bc4e5d.jpg",{"first_name":1670,"last_name":1671,"slug":1672},"Hemratna","Bhimani","hemratna-bhimani",{"id":1674,"title":1675,"slug":1676,"date_published":1677,"tags":1678,"cover":1681,"author":1684},"0e61df79-28c6-462c-a643-f9682c8b11ea","7 Best Healthcare Website Development Ideas to Inspire","healthcare-website-development-ideas","2025-09-08",[1679],{"bg_tags_id":1680},{"label":63,"slug":64},{"id":1682,"filename_disk":1683},"c28e6ec6-3fbc-4df1-ab54-9e67a18f0725","c28e6ec6-3fbc-4df1-ab54-9e67a18f0725.jpg",{"first_name":1685,"last_name":1686,"slug":1687},"Dezeal","Khedia","dezeal-khedia",{"id":1689,"title":1690,"slug":1691,"date_published":1692,"tags":1693,"cover":1700,"author":1703},"18535951-68fe-44da-8c56-8584d39d67e2","23 Best WordPress Security Plugins to Safeguard Your Website","wordpress-security-plugins","2025-07-15",[1694,1698],{"bg_tags_id":1695},{"label":1696,"slug":1697},"CMS","cms",{"bg_tags_id":1699},{"label":63,"slug":64},{"id":1701,"filename_disk":1702},"5aa04227-865c-444b-8207-89e89c1ae4cc","5aa04227-865c-444b-8207-89e89c1ae4cc.png",{"first_name":1704,"last_name":1705,"slug":1706},"Dhruv","Nayak","dhruv-nayak"]