[
  {
    "id": "/blog/introduction#what-is-this-blog",
    "title": "Introduction",
    "text": "Welcome to the blog! In this section, we explain what this blog is about...",
    "titles": [
      "Introduction",
      "What is this blog?"
    ]
  },
  {
    "id": "/blog/introduction#why-start-blogging",
    "title": "Why Start Blogging",
    "text": "Blogging is a powerful way to share ideas...",
    "titles": [
      "Introduction",
      "Why Start Blogging"
    ]
  },
  {
    "id": "/blog/web-development#frontend-vs-backend",
    "title": "Frontend vs Backend",
    "text": "In web development, there are two main parts: frontend and backend...",
    "titles": [
      "Web Development",
      "Frontend vs Backend"
    ]
  },
  {
    "id": "/blog/web-development#css-tricks",
    "title": "CSS Tricks",
    "text": "Here are some advanced CSS tricks that will help you in your projects...",
    "titles": [
      "Web Development",
      "CSS Tricks"
    ]
  },
  {
    "id": "/blog/javascript-basics#variables-and-scope",
    "title": "Variables and Scope",
    "text": "Understanding variables and scope is fundamental to JavaScript...",
    "titles": [
      "JavaScript Basics",
      "Variables and Scope"
    ]
  },
  {
    "id": "/blog/javascript-basics#arrow-functions",
    "title": "Arrow Functions",
    "text": "Arrow functions are a shorter way to write functions in JavaScript...",
    "titles": [
      "JavaScript Basics",
      "Arrow Functions"
    ]
  },
  {
    "id": "/blog/css-grid#layout-with-css-grid",
    "title": "Layout with CSS Grid",
    "text": "CSS Grid is a powerful tool for creating two-dimensional layouts...",
    "titles": [
      "CSS Grid",
      "Layout with CSS Grid"
    ]
  },
  {
    "id": "/blog/css-grid#responsive-design",
    "title": "Responsive Design",
    "text": "Designing responsive layouts is key in modern web development...",
    "titles": [
      "CSS Grid",
      "Responsive Design"
    ]
  },
  {
    "id": "/blog/seo#on-page-seo",
    "title": "On-Page SEO",
    "text": "Optimizing your website's content is crucial for on-page SEO...",
    "titles": [
      "SEO",
      "On-Page SEO"
    ]
  },
  {
    "id": "/blog/seo#technical-seo",
    "title": "Technical SEO",
    "text": "Technical SEO involves optimizing the infrastructure of your site...",
    "titles": [
      "SEO",
      "Technical SEO"
    ]
  },
  {
    "id": "/blog/advanced-javascript#promises-and-async-await",
    "title": "Promises and Async/Await",
    "text": "Promises and async/await simplify asynchronous programming in JavaScript...",
    "titles": [
      "Advanced JavaScript",
      "Promises and Async/Await"
    ]
  },
  {
    "id": "/blog/advanced-javascript#closures",
    "title": "Closures",
    "text": "Closures are a key concept in JavaScript that allow functions to access variables...",
    "titles": [
      "Advanced JavaScript",
      "Closures"
    ]
  },
  {
    "id": "/blog/typescript#typescript-basics",
    "title": "TypeScript Basics",
    "text": "TypeScript is a superset of JavaScript that adds static typing...",
    "titles": [
      "TypeScript",
      "TypeScript Basics"
    ]
  },
  {
    "id": "/blog/typescript#interfaces-and-types",
    "title": "Interfaces and Types",
    "text": "Interfaces and types help define the shape of data in TypeScript...",
    "titles": [
      "TypeScript",
      "Interfaces and Types"
    ]
  },
  {
    "id": "/blog/react#react-components",
    "title": "React Components",
    "text": "Components are the building blocks of React applications...",
    "titles": [
      "React",
      "React Components"
    ]
  },
  {
    "id": "/blog/react#state-and-props",
    "title": "State and Props",
    "text": "State and props are two fundamental concepts in React...",
    "titles": [
      "React",
      "State and Props"
    ]
  },
  {
    "id": "/blog/react#hooks",
    "title": "Hooks",
    "text": "Hooks are a new addition in React that let you use state and other features...",
    "titles": [
      "React",
      "Hooks"
    ]
  },
  {
    "id": "/blog/redux#redux-basics",
    "title": "Redux Basics",
    "text": "Redux is a state management library for JavaScript applications...",
    "titles": [
      "Redux",
      "Redux Basics"
    ]
  },
  {
    "id": "/blog/redux#actions-and-reducers",
    "title": "Actions and Reducers",
    "text": "Actions and reducers are the building blocks of Redux applications...",
    "titles": [
      "Redux",
      "Actions and Reducers"
    ]
  },
  {
    "id": "/blog/redux#middleware",
    "title": "Middleware",
    "text": "Middleware in Redux provides a third-party extension point...",
    "titles": [
      "Redux",
      "Middleware"
    ]
  },
  {
    "id": "/blog/graphql#graphql-basics",
    "title": "GraphQL Basics",
    "text": "GraphQL is a query language for your API that allows clients to request only the data they need...",
    "titles": [
      "GraphQL",
      "GraphQL Basics"
    ]
  },
  {
    "id": "/blog/graphql#queries-and-mutations",
    "title": "Queries and Mutations",
    "text": "Queries and mutations are the two main types of operations in GraphQL...",
    "titles": [
      "GraphQL",
      "Queries and Mutations"
    ]
  },
  {
    "id": "/blog/graphql#subscriptions",
    "title": "Subscriptions",
    "text": "Subscriptions in GraphQL allow clients to receive real-time updates...",
    "titles": [
      "GraphQL",
      "Subscriptions"
    ]
  }
]