text: // creating dynamic pages for project details page using gatsby createPages API
  exports.createPages = async ({ actions, graphql, reporter }) => {
      // using the createPage function to generate dynamic pages during build time
      const { createPage } = actions
      // base route path from OurWork page
      const baseRoutePath = '/OurWork';
      // fetching clients data from csv
      const {data} = await graphql(`
          {
    allClientsDataCsv {
      edges {
        node {
          id
          projectDisplayName
          noAppsMessage
          clientLogo
          clientName
          city
          state
          countryCode
          tagline
          sector
          projectCardDescription,
          googlePlayLink
          appStoreLink
          demoVideoLink_1
          demoVideoLink_2
          demoVideoLink_3
          demoVideoLink_4
          demoVideoLink_5
          problem_1
          problem_2
          problem_3
          problem_4
          problem_5
          problem_6
          problem_7
          problem_8
          problem_9
          problem_10
          solution_1
          solution_2
          solution_3
          solution_4
          solution_5
          solution_6
          solution_7
          solution_8
          solution_9
          solution_10
          frontendTech_1
          frontendTech_2
          frontendTech_3
          frontendTech_4
          frontendTech_5
          backendTech_1
          backendTech_2
          backendTech_3
          backendTech_4
          backendTech_5
          testimonialPersonPhoto_1
          testimonialPersonName_1
          testimonialPersonDesignation_1
          testimonialQuote_1
          testimonialPersonPhoto_2
          testimonialPersonName_2
          testimonialPersonDesignation_2
          testimonialQuote_2
          testimonialPersonPhoto_3
          testimonialPersonName_3
          testimonialPersonDesignation_3
          testimonialQuote_3
          launchWebsite
          googlePlayLink2
        }
      }
    }
  }
      `)
  
      // report errors when graphql query fails
      if(data.errors) {
          reporter.panicOnBuild(`Error while running GraphQL query`);
          return
      }
  
      data && data.allClientsDataCsv && data.allClientsDataCsv.edges && Array.isArray(data.allClientsDataCsv.edges) && data.allClientsDataCsv.edges.length > 0 && data.allClientsDataCsv.edges.filter((clientData) => {
          return clientData.node.clientName !== 'Drona Lectures' && clientData.node.clientName !== 'VendR';
      }).forEach(({node}) => {
          // invoking createPage() for each project card to define a unique route and a dynamic page
          createPage({
              // unique route path
              path: `${baseRoutePath}/${node.clientName.split(' ').join('-')}_${node.projectDisplayName.split(' ').join('-')}`,
              // component template to be used for all project details routes
              component: require.resolve(`./src/templates/ProjectDetails.tsx`),
              // passing additional data as a prop to the template
              context: { node },
          });
      })
  }
  