diff --git a/Content/ContentTypeResolver/TeaserSelectionResolver.php b/Content/ContentTypeResolver/TeaserSelectionResolver.php
new file mode 100644
index 0000000..6c57d73
--- /dev/null
+++ b/Content/ContentTypeResolver/TeaserSelectionResolver.php
@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * This file is part of Sulu.
+ *
+ * (c) Sulu GmbH
+ *
+ * This source file is subject to the MIT license that is bundled
+ * with this source code in the file LICENSE.
+ */
+
+namespace Sulu\Bundle\HeadlessBundle\Content\ContentTypeResolver;
+
+use Sulu\Bundle\HeadlessBundle\Content\ContentView;
+use Sulu\Bundle\HeadlessBundle\Content\Serializer\TeaserSerializerInterface;
+use Sulu\Bundle\PageBundle\Teaser\Teaser;
+use Sulu\Bundle\PageBundle\Teaser\TeaserManagerInterface;
+use Sulu\Component\Content\Compat\PropertyInterface;
+
+class TeaserSelectionResolver implements ContentTypeResolverInterface
+{
+    public static function getContentType(): string
+    {
+        return 'teaser_selection';
+    }
+
+    /**
+     * @var TeaserManagerInterface
+     */
+    private $teaserManager;
+
+    /**
+     * @var TeaserSerializerInterface
+     */
+    private $teaserSerializer;
+
+    public function __construct(TeaserManagerInterface $teaserManager, TeaserSerializerInterface $teaserSerializer)
+    {
+        $this->teaserManager = $teaserManager;
+        $this->teaserSerializer = $teaserSerializer;
+    }
+
+    public function resolve($data, PropertyInterface $property, string $locale, array $attributes = []): ContentView
+    {
+        $value = array_merge(
+            [
+                'presentAs' => null,
+                'items' => [],
+            ],
+            \is_array($data) ? $data : []
+        );
+        $items = $value['items'] ?? [];
+
+        if (!\is_array($items) || 0 === \count($items)) {
+            return new ContentView([], $value);
+        }
+
+        $teasers = $this->teaserManager->find($items, $locale);
+        $teasers = array_map(
+            function (Teaser $teaser) use ($locale) {
+                return $this->teaserSerializer->serialize($teaser, $locale);
+            },
+            $teasers
+        );
+
+        return new ContentView($teasers, $value);
+    }
+}
diff --git a/Content/Serializer/TeaserSerializer.php b/Content/Serializer/TeaserSerializer.php
new file mode 100644
index 0000000..c518a70
--- /dev/null
+++ b/Content/Serializer/TeaserSerializer.php
@@ -0,0 +1,103 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * This file is part of Sulu.
+ *
+ * (c) Sulu GmbH
+ *
+ * This source file is subject to the MIT license that is bundled
+ * with this source code in the file LICENSE.
+ */
+
+namespace Sulu\Bundle\HeadlessBundle\Content\Serializer;
+
+use JMS\Serializer\SerializationContext;
+use Sulu\Bundle\MediaBundle\Media\Manager\MediaManagerInterface;
+use Sulu\Bundle\PageBundle\Teaser\Teaser;
+use Sulu\Bundle\WebsiteBundle\ReferenceStore\ReferenceStoreNotExistsException;
+use Sulu\Bundle\WebsiteBundle\ReferenceStore\ReferenceStorePoolInterface;
+use Sulu\Component\Serializer\ArraySerializerInterface;
+
+class TeaserSerializer implements TeaserSerializerInterface
+{
+    /**
+     * @var ArraySerializerInterface
+     */
+    private $arraySerializer;
+
+    /**
+     * @var MediaSerializerInterface
+     */
+    private $mediaSerializer;
+
+    /**
+     * @var MediaManagerInterface
+     */
+    private $mediaManager;
+
+    /**
+     * @var ReferenceStorePoolInterface
+     */
+    private $referenceStorePool;
+
+    public function __construct(
+        ArraySerializerInterface $arraySerializer,
+        MediaSerializerInterface $mediaSerializer,
+        MediaManagerInterface $mediaManager,
+        ReferenceStorePoolInterface $referenceStorePool
+    ) {
+        $this->arraySerializer = $arraySerializer;
+        $this->mediaSerializer = $mediaSerializer;
+        $this->mediaManager = $mediaManager;
+        $this->referenceStorePool = $referenceStorePool;
+    }
+
+    /**
+     * @return mixed[]
+     */
+    public function serialize(Teaser $teaser, string $locale, ?SerializationContext $context = null): array
+    {
+        $teaserData = $this->arraySerializer->serialize($teaser, $context);
+        unset($teaserData['mediaId']);
+
+        $mediaId = $teaser->getMediaId();
+        $mediaData = null;
+        if ($mediaId) {
+            $media = $this->mediaManager->getEntityById($mediaId);
+            $mediaData = $this->mediaSerializer->serialize($media, $locale);
+        }
+
+        $teaserData['media'] = $mediaData;
+
+        $this->addToReferenceStore($teaser->getId(), $teaser->getType());
+
+        return $teaserData;
+    }
+
+    /**
+     * @param int|string $id
+     */
+    private function addToReferenceStore($id, string $alias): void
+    {
+        if ('pages' === $alias) {
+            // unfortunately the reference store for pages was not adjusted and still uses content as alias
+            $alias = 'content';
+        }
+
+        if ('articles' === $alias) {
+            $alias = 'article';
+        }
+
+        try {
+            $referenceStore = $this->referenceStorePool->getStore($alias);
+        } catch (ReferenceStoreNotExistsException $e) {
+            // @ignoreException do nothing when reference store was not found
+
+            return;
+        }
+
+        $referenceStore->add($id);
+    }
+}
diff --git a/Content/Serializer/TeaserSerializerInterface.php b/Content/Serializer/TeaserSerializerInterface.php
new file mode 100644
index 0000000..a382a70
--- /dev/null
+++ b/Content/Serializer/TeaserSerializerInterface.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * This file is part of Sulu.
+ *
+ * (c) Sulu GmbH
+ *
+ * This source file is subject to the MIT license that is bundled
+ * with this source code in the file LICENSE.
+ */
+
+namespace Sulu\Bundle\HeadlessBundle\Content\Serializer;
+
+use JMS\Serializer\SerializationContext;
+use Sulu\Bundle\PageBundle\Teaser\Teaser;
+
+interface TeaserSerializerInterface
+{
+    /**
+     * @return mixed[]
+     */
+    public function serialize(Teaser $teaser, string $locale, ?SerializationContext $context = null): array;
+}
diff --git a/Resources/config/content-type-resolvers.xml b/Resources/config/content-type-resolvers.xml
index 665c106..c560a57 100644
--- a/Resources/config/content-type-resolvers.xml
+++ b/Resources/config/content-type-resolvers.xml
@@ -171,6 +171,17 @@
             <tag name="sulu_headless.content_type_resolver"/>
         </service>
 
+        <service
+            id="sulu_headless.content_resolver.teaser_selection"
+            class="Sulu\Bundle\HeadlessBundle\Content\ContentTypeResolver\TeaserSelectionResolver"
+            lazy="true"
+        >
+            <argument type="service" id="sulu_page.teaser.manager"/>
+            <argument type="service" id="sulu_headless.serializer.teaser"/>
+
+            <tag name="sulu_headless.content_type_resolver"/>
+        </service>
+
         <service
             id="sulu_headless.content_resolver.text_editor"
             class="Sulu\Bundle\HeadlessBundle\Content\ContentTypeResolver\TextEditorResolver"
diff --git a/Resources/config/serializers.xml b/Resources/config/serializers.xml
index 0e230ba..a2787a7 100644
--- a/Resources/config/serializers.xml
+++ b/Resources/config/serializers.xml
@@ -50,5 +50,16 @@
             <argument type="service" id="sulu_headless.serializer.media"/>
         </service>
         <service id="Sulu\Bundle\HeadlessBundle\Content\Serializer\CategorySerializerInterface" alias="sulu_headless.serializer.category"/>
+
+        <service
+            id="sulu_headless.serializer.teaser"
+            class="Sulu\Bundle\HeadlessBundle\Content\Serializer\TeaserSerializer"
+        >
+            <argument type="service" id="sulu_core.array_serializer"/>
+            <argument type="service" id="sulu_headless.serializer.media"/>
+            <argument type="service" id="sulu_media.media_manager"/>
+            <argument type="service" id="sulu_website.reference_store_pool"/>
+        </service>
+        <service id="Sulu\Bundle\HeadlessBundle\Content\Serializer\TeaserSerializerInterface" alias="sulu_headless.serializer.teaser"/>
     </services>
 </container>
diff --git a/Tests/Unit/Content/ContentTypeResolver/TeaserSelectionResolverTest.php b/Tests/Unit/Content/ContentTypeResolver/TeaserSelectionResolverTest.php
new file mode 100644
index 0000000..052edb9
--- /dev/null
+++ b/Tests/Unit/Content/ContentTypeResolver/TeaserSelectionResolverTest.php
@@ -0,0 +1,204 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * This file is part of Sulu.
+ *
+ * (c) Sulu GmbH
+ *
+ * This source file is subject to the MIT license that is bundled
+ * with this source code in the file LICENSE.
+ */
+
+namespace Sulu\Bundle\HeadlessBundle\Tests\Unit\Content\ContentTypeResolver;
+
+use PHPUnit\Framework\TestCase;
+use Prophecy\Argument;
+use Prophecy\Prophecy\ObjectProphecy;
+use Sulu\Bundle\HeadlessBundle\Content\ContentTypeResolver\TeaserSelectionResolver;
+use Sulu\Bundle\HeadlessBundle\Content\Serializer\TeaserSerializerInterface;
+use Sulu\Bundle\PageBundle\Teaser\Teaser;
+use Sulu\Bundle\PageBundle\Teaser\TeaserManagerInterface;
+use Sulu\Component\Content\Compat\PropertyInterface;
+
+class TeaserSelectionResolverTest extends TestCase
+{
+    /**
+     * @var TeaserManagerInterface|ObjectProphecy
+     */
+    private $teaserManager;
+
+    /**
+     * @var TeaserSerializerInterface|ObjectProphecy
+     */
+    private $teaserSerializer;
+
+    /**
+     * @var TeaserSelectionResolver
+     */
+    private $teaserSelectionResolver;
+
+    protected function setUp(): void
+    {
+        $this->teaserManager = $this->prophesize(TeaserManagerInterface::class);
+        $this->teaserSerializer = $this->prophesize(TeaserSerializerInterface::class);
+
+        $this->teaserSelectionResolver = new TeaserSelectionResolver(
+            $this->teaserManager->reveal(),
+            $this->teaserSerializer->reveal()
+        );
+    }
+
+    public function testGetContentType(): void
+    {
+        self::assertSame('teaser_selection', $this->teaserSelectionResolver::getContentType());
+    }
+
+    public function testResolve(): void
+    {
+        $locale = 'en';
+        $items = [
+            [
+                'id' => '74a36ca1-4805-48a0-b37d-3ffb3a6be9b1',
+                'type' => 'pages',
+            ],
+            [
+                'id' => '5524447a-1afd-4d08-bb25-d34f46e3621c',
+                'type' => 'articles',
+            ],
+            [
+                'id' => 'bb03b2f1-135f-4fcf-b27a-b2cf5f36be66',
+                'type' => 'other',
+            ],
+        ];
+        $value = [
+            'presentAs' => 'two-columns',
+            'items' => $items,
+        ];
+
+        /** @var PropertyInterface|ObjectProphecy $property */
+        $property = $this->prophesize(PropertyInterface::class);
+
+        $pageTeaser = $this->prophesize(Teaser::class);
+        $articleTeaser = $this->prophesize(Teaser::class);
+        $otherTeaser = $this->prophesize(Teaser::class);
+
+        $this->teaserManager->find($items, $locale)->willReturn([
+            $pageTeaser->reveal(),
+            $articleTeaser->reveal(),
+            $otherTeaser->reveal(),
+        ]);
+
+        $this->teaserSerializer->serialize($pageTeaser->reveal(), $locale)->willReturn([
+            'id' => '74a36ca1-4805-48a0-b37d-3ffb3a6be9b1',
+            'type' => 'pages',
+            'locale' => 'en',
+            'title' => 'My page',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'url' => '/my-page',
+            'attributes' => [
+                'structureType' => 'default',
+                'webspaceKey' => 'example',
+            ],
+            'media' => [
+                'id' => 1,
+                'formatUri' => '/media/1/{format}/media-1.jpg?=v1-0',
+            ],
+        ]);
+
+        $this->teaserSerializer->serialize($articleTeaser->reveal(), $locale)->willReturn([
+            'id' => '5524447a-1afd-4d08-bb25-d34f46e3621c',
+            'type' => 'articles',
+            'locale' => 'en',
+            'title' => 'My article',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'url' => '/my-article',
+            'attributes' => [
+                'structureType' => 'default',
+                'webspaceKey' => 'example',
+            ],
+            'media' => null,
+        ]);
+
+        $this->teaserSerializer->serialize($otherTeaser->reveal(), $locale)->willReturn([
+            'id' => 'bb03b2f1-135f-4fcf-b27a-b2cf5f36be66',
+            'type' => 'other',
+            'locale' => 'en',
+            'title' => 'My thing',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'url' => '/my-thing',
+            'media' => null,
+        ]);
+
+        $result = $this->teaserSelectionResolver->resolve($value, $property->reveal(), $locale);
+
+        self::assertSame([
+            [
+                'id' => '74a36ca1-4805-48a0-b37d-3ffb3a6be9b1',
+                'type' => 'pages',
+                'locale' => 'en',
+                'title' => 'My page',
+                'description' => '<p>hello world.</p>',
+                'moreText' => 'foo',
+                'url' => '/my-page',
+                'attributes' => [
+                    'structureType' => 'default',
+                    'webspaceKey' => 'example',
+                ],
+                'media' => [
+                    'id' => 1,
+                    'formatUri' => '/media/1/{format}/media-1.jpg?=v1-0',
+                ],
+            ],
+            [
+                'id' => '5524447a-1afd-4d08-bb25-d34f46e3621c',
+                'type' => 'articles',
+                'locale' => 'en',
+                'title' => 'My article',
+                'description' => '<p>hello world.</p>',
+                'moreText' => 'foo',
+                'url' => '/my-article',
+                'attributes' => [
+                    'structureType' => 'default',
+                    'webspaceKey' => 'example',
+                ],
+                'media' => null,
+            ],
+            [
+                'id' => 'bb03b2f1-135f-4fcf-b27a-b2cf5f36be66',
+                'type' => 'other',
+                'locale' => 'en',
+                'title' => 'My thing',
+                'description' => '<p>hello world.</p>',
+                'moreText' => 'foo',
+                'url' => '/my-thing',
+                'media' => null,
+            ],
+        ], $result->getContent());
+        self::assertSame($value, $result->getView());
+    }
+
+    public function testResolveNullValue(): void
+    {
+        $locale = 'en';
+        $value = null;
+
+        /** @var PropertyInterface|ObjectProphecy $property */
+        $property = $this->prophesize(PropertyInterface::class);
+
+        $this->teaserManager->find(Argument::any())->shouldNotBeCalled();
+        $this->teaserSerializer->serialize(Argument::any())->shouldNotBeCalled();
+
+        $result = $this->teaserSelectionResolver->resolve($value, $property->reveal(), $locale);
+
+        self::assertSame([], $result->getContent());
+        self::assertSame([
+            'presentAs' => null,
+            'items' => [],
+        ], $result->getView());
+    }
+}
diff --git a/Tests/Unit/Content/Serializer/TeaserSerializerTest.php b/Tests/Unit/Content/Serializer/TeaserSerializerTest.php
new file mode 100644
index 0000000..7e33208
--- /dev/null
+++ b/Tests/Unit/Content/Serializer/TeaserSerializerTest.php
@@ -0,0 +1,216 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * This file is part of Sulu.
+ *
+ * (c) Sulu GmbH
+ *
+ * This source file is subject to the MIT license that is bundled
+ * with this source code in the file LICENSE.
+ */
+
+namespace Sulu\Bundle\HeadlessBundle\Tests\Unit\Content\Serializer;
+
+use JMS\Serializer\SerializationContext;
+use PHPUnit\Framework\TestCase;
+use Prophecy\Argument;
+use Prophecy\Prophecy\ObjectProphecy;
+use Sulu\Bundle\HeadlessBundle\Content\Serializer\MediaSerializerInterface;
+use Sulu\Bundle\HeadlessBundle\Content\Serializer\TeaserSerializer;
+use Sulu\Bundle\HeadlessBundle\Content\Serializer\TeaserSerializerInterface;
+use Sulu\Bundle\MediaBundle\Entity\MediaInterface;
+use Sulu\Bundle\MediaBundle\Media\Manager\MediaManagerInterface;
+use Sulu\Bundle\PageBundle\Teaser\Teaser;
+use Sulu\Bundle\WebsiteBundle\ReferenceStore\ReferenceStoreInterface;
+use Sulu\Bundle\WebsiteBundle\ReferenceStore\ReferenceStoreNotExistsException;
+use Sulu\Bundle\WebsiteBundle\ReferenceStore\ReferenceStorePoolInterface;
+use Sulu\Component\Serializer\ArraySerializerInterface;
+
+class TeaserSerializerTest extends TestCase
+{
+    /**
+     * @var ArraySerializerInterface|ObjectProphecy
+     */
+    private $arraySerializer;
+
+    /**
+     * @var MediaSerializerInterface|ObjectProphecy
+     */
+    private $mediaSerializer;
+
+    /**
+     * @var MediaManagerInterface|ObjectProphecy
+     */
+    private $mediaManager;
+
+    /**
+     * @var ReferenceStorePoolInterface|ObjectProphecy
+     */
+    private $referenceStorePool;
+
+    /**
+     * @var TeaserSerializerInterface
+     */
+    private $teaserSerializer;
+
+    protected function setUp(): void
+    {
+        $this->arraySerializer = $this->prophesize(ArraySerializerInterface::class);
+        $this->mediaSerializer = $this->prophesize(MediaSerializerInterface::class);
+        $this->mediaManager = $this->prophesize(MediaManagerInterface::class);
+        $this->referenceStorePool = $this->prophesize(ReferenceStorePoolInterface::class);
+
+        $this->teaserSerializer = new TeaserSerializer(
+            $this->arraySerializer->reveal(),
+            $this->mediaSerializer->reveal(),
+            $this->mediaManager->reveal(),
+            $this->referenceStorePool->reveal()
+        );
+    }
+
+    public function testSerialize(): void
+    {
+        $locale = 'en';
+
+        $teaser = $this->prophesize(Teaser::class);
+        $teaser->getId()->willReturn('74a36ca1-4805-48a0-b37d-3ffb3a6be9b1');
+        $teaser->getType()->willReturn('pages');
+        $teaser->getMediaId()->willReturn(1);
+
+        $media = $this->prophesize(MediaInterface::class);
+        $this->mediaManager->getEntityById(1)->willReturn($media->reveal());
+
+        $this->arraySerializer->serialize($teaser, null)->willReturn([
+            'id' => '74a36ca1-4805-48a0-b37d-3ffb3a6be9b1',
+            'type' => 'pages',
+            'locale' => 'en',
+            'title' => 'My page',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'mediaId' => 1,
+            'url' => '/my-page',
+            'attributes' => [
+                'structureType' => 'default',
+                'webspaceKey' => 'example',
+            ],
+        ]);
+
+        $this->mediaSerializer->serialize($media, $locale)->willReturn([
+            'id' => 1,
+            'formatUri' => '/media/1/{format}/media-1.jpg?=v1-0',
+        ]);
+
+        $referenceStore = $this->prophesize(ReferenceStoreInterface::class);
+        $this->referenceStorePool->getStore('content')->willReturn($referenceStore->reveal());
+        $referenceStore->add('74a36ca1-4805-48a0-b37d-3ffb3a6be9b1')->shouldBeCalled();
+
+        $result = $this->teaserSerializer->serialize($teaser->reveal(), $locale);
+
+        $this->assertSame([
+            'id' => '74a36ca1-4805-48a0-b37d-3ffb3a6be9b1',
+            'type' => 'pages',
+            'locale' => 'en',
+            'title' => 'My page',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'url' => '/my-page',
+            'attributes' => [
+                'structureType' => 'default',
+                'webspaceKey' => 'example',
+            ],
+            'media' => [
+                'id' => 1,
+                'formatUri' => '/media/1/{format}/media-1.jpg?=v1-0',
+            ],
+        ], $result);
+    }
+
+    public function testSerializeArticleTeaserWithoutMedia(): void
+    {
+        $locale = 'en';
+
+        $teaser = $this->prophesize(Teaser::class);
+        $teaser->getId()->willReturn('5524447a-1afd-4d08-bb25-d34f46e3621c');
+        $teaser->getType()->willReturn('articles');
+        $teaser->getMediaId()->willReturn(null);
+
+        $this->mediaManager->getEntityById(Argument::any())->shouldNotBeCalled();
+
+        $this->arraySerializer->serialize($teaser, null)->willReturn([
+            'id' => '5524447a-1afd-4d08-bb25-d34f46e3621c',
+            'type' => 'articles',
+            'locale' => 'en',
+            'title' => 'My article',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'mediaId' => null,
+            'url' => '/my-article',
+            'attributes' => [
+                'structureType' => 'default',
+                'webspaceKey' => 'example',
+            ],
+        ]);
+
+        $this->mediaSerializer->serialize(Argument::any())->shouldNotBeCalled();
+
+        $referenceStore = $this->prophesize(ReferenceStoreInterface::class);
+        $this->referenceStorePool->getStore('article')->willReturn($referenceStore->reveal());
+        $referenceStore->add('5524447a-1afd-4d08-bb25-d34f46e3621c')->shouldBeCalled();
+
+        $result = $this->teaserSerializer->serialize($teaser->reveal(), $locale);
+
+        $this->assertSame([
+            'id' => '5524447a-1afd-4d08-bb25-d34f46e3621c',
+            'type' => 'articles',
+            'locale' => 'en',
+            'title' => 'My article',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'url' => '/my-article',
+            'attributes' => [
+                'structureType' => 'default',
+                'webspaceKey' => 'example',
+            ],
+            'media' => null,
+        ], $result);
+    }
+
+    public function testSerializeOtherTeaserWithContext(): void
+    {
+        $locale = 'en';
+        $context = $this->prophesize(SerializationContext::class);
+
+        $teaser = $this->prophesize(Teaser::class);
+        $teaser->getId()->willReturn('bb03b2f1-135f-4fcf-b27a-b2cf5f36be66');
+        $teaser->getType()->willReturn('other');
+        $teaser->getMediaId()->willReturn(null);
+
+        $this->arraySerializer->serialize($teaser, $context)->willReturn([
+            'id' => 'bb03b2f1-135f-4fcf-b27a-b2cf5f36be66',
+            'type' => 'other',
+            'locale' => 'en',
+            'title' => 'My thing',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'mediaId' => null,
+            'url' => '/my-thing',
+        ]);
+
+        $this->referenceStorePool->getStore('other')->willThrow(ReferenceStoreNotExistsException::class);
+
+        $result = $this->teaserSerializer->serialize($teaser->reveal(), $locale, $context->reveal());
+
+        $this->assertSame([
+            'id' => 'bb03b2f1-135f-4fcf-b27a-b2cf5f36be66',
+            'type' => 'other',
+            'locale' => 'en',
+            'title' => 'My thing',
+            'description' => '<p>hello world.</p>',
+            'moreText' => 'foo',
+            'url' => '/my-thing',
+            'media' => null,
+        ], $result);
+    }
+}