---
title: "Overview"

doc_type: static
doc_category: static
doc_version: v20270301
source_url:
  html: 'https://developer.shopline.com/docs/apps/overview'
  md: 'https://developer.shopline.com/docs/apps/overview.md'
---
  <DocsContainer>
  <Margin p={'14px'} m={'14px'} />
  
  <SummaryCard
    firstTitle={'Build an ecommerce app that works'}
    description={"Use our robust OpenAPI and developer tools to build the right apps for your stores"}
    rightBgLight={'https://s2cdn.myshopline.com/slfs/op-new/170260621874502/Frame_light1217944403.png'}
    rightBgDark={'https://s2cdn.myshopline.com/slfs/op-new/170260621866115/Frame1217944403.png'}
  >
    <Margin p={'27px'} m={'30px'} />

    <DocsCard jumpNode={<Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/aqde8yezr1kdppxe?version=v20240301"><JumpBtn  /></Link>} title={'Start building'} description={'How to build a SHOPLINE app'}>
    </DocsCard>
  </SummaryCard>

  <Margin p={'60px'} m={'40px'} />

  <Text data={'Basics'} type={'h5'} />

  <Margin p={'20px'} m={'10px'} />

  <Text data={'Know more about how our apps are developed'} type={'p3'} />

  <Margin p={'60px'} m={'40px'} />

  <DocsCardList list={[
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/ftyd63nfmmy6adha?version=v20240301">
          <JumpBtn />
        </Link>
      ),
      title: 'App types',
      description: 'Learn about the different types of apps'
    },
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/jmvhbq6jtnhf5mew?version=v20240301">
          <JumpBtn />
        </Link>
      ),
      title: 'App authorization',
      description: 'Learn how each app type generates tokens differently'
    },
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/wra3qefyhky9vhsr?version=v20240301">
          <JumpBtn />
        </Link>
      ),
      title: 'Versioning OpenAPIs',
      description: 'Learn more about OpenAPI versioning'
    },
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/wf8em731s7f8c3ut?version=v20240301">
          <JumpBtn />
        </Link>
      ),
      title: 'Learn more about Webhooks',
      description: 'Stay updated with store data through webhooks'
    },
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/8s4ur95g8mucj8jy?version=v20240301">
          <JumpBtn />
        </Link>
      ),
      title: 'Batch queries and actions',
      description: 'Learn to make queries and actions in bulk'
    },
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/zr9kugnkd46j5j1e?version=v20240301">
          <JumpBtn />
        </Link>
      ),
      title: 'App extensions',
      description: 'Build a consistent experience across app users and admins through extensions'
    },
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/3wvnxpx1eutnmx83?lang=en">
          <JumpBtn />
        </Link>
      ),
      title: 'SHOPLINE CLI 2.0',
      description: 'Speed up app development with templates available through the SHOPLINE CLI 2.0'
    },
    {
      jumpNode: (
        <Link href="https://atlas.shopline.com/en/docs/summary">
          <JumpBtn />
        </Link>
      ),
      title: 'Atlas component library',
      description: "Build your user interface quickly with SHOPLINE's component library"
    }
  ]} />

  <Margin p={'60px'} m={'40px'} />

  <SummaryCard
    secondTitle={'App review standards'}
    description={"We pride ourselves on our rigorous app review process, so you can be sure that each app is reliable and impactful"}
    rightBgLight={'https://s2cdn.myshopline.com/slfs/op-new/170260621823686/Frame_light21217944492.png'}
    rightBgDark={'https://s2cdn.myshopline.com/slfs/op-new/170260621846144/Frame1217944404.png'}
  >
    <Margin p={'30px'} m={'30px'} />

    <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/d3nrmzmgatm1aasn?version=v20240301">
      <JumpBtn text={'View our standards'} />
    </Link>
    <Margin p={'30px'} m={'30px'} />
    <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/nm63a2f1prf6rduj">
      <JumpBtn text={'Test your app'} />
    </Link>
  </SummaryCard>

  <Margin p={'60px'} m={'40px'} />

  <DocsCallout
    style={{backgroundImage: "linear-gradient(92deg, #2C41FF 3%, #0A6CFF 52.57%, rgba(57, 136, 255, 0.97) 100%),linear-gradient(103.77deg, #DCF3FF 17.5%, #56CEE8 60.2%, #9988FF 93.19%, #9988FF 110.66%)"}}
    imgUrl={'https://s2cdn.myshopline.com/slfs/op-new/170260621819493/Frame1217944405.png'}
    secondTitle={'How to sell your app on our App Store'}
    description={"Access SHOPLINE's vast network by selling our app to clients worldwide"}>
    <Margin p={'30px'} m={'30px'} />
    <DocsCard mode={'dark'} title={'Ready?'} description={"Submit a work order on our Partner's Portal to subscribe to our OpenAPI"} />
  </DocsCallout>
  </DocsContainer>