diff --git a/Api/Data/PostInterface.php b/Api/Data/PostInterface.php
new file mode 100644
index 0000000..fa6ef6f
--- /dev/null
+++ b/Api/Data/PostInterface.php
@@ -0,0 +1,54 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Api\Data;
+
+/**
+ * Blog post interface.
+ * @api
+ * @since 1.0.0
+ */
+interface PostInterface
+{
+    const ID = 'id';
+    const TITLE = 'title';
+    const CONTENT = 'content';
+    const CREATED_AT = 'created_at';
+
+    /**
+     * @return int
+     */
+    public function getId();
+
+    /**
+     * @param int $id
+     * @return $this
+     */
+    public function setId($id);
+
+    /**
+     * @return string
+     */
+    public function getTitle();
+
+    /**
+     * @param string $title
+     * @return $this
+     */
+    public function setTitle($title);
+
+    /**
+     * @return string
+     */
+    public function getContent();
+
+    /**
+     * @param string $content
+     * @return $this
+     */
+    public function setContent($content);
+
+    /**
+     * @return string
+     */
+    public function getCreatedAt();
+}
diff --git a/Api/PostRepositoryInterface.php b/Api/PostRepositoryInterface.php
new file mode 100644
index 0000000..f0d0a12
--- /dev/null
+++ b/Api/PostRepositoryInterface.php
@@ -0,0 +1,37 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Api;
+
+use Rubenromao\Blog\Api\Data\PostInterface;
+use Magento\Framework\Exception\LocalizedException;
+use Magento\Framework\Exception\NoSuchEntityException;
+
+/**
+ * Blog post CRUD interface.
+ * @api
+ * @since 1.0.0
+ */
+interface PostRepositoryInterface
+{
+    /**
+     * @param int $id
+     * @return PostInterface
+     * @throws LocalizedException
+     */
+    public function getById(int $id): PostInterface;
+
+    /**
+     * @param PostInterface $post
+     * @return PostInterface
+     * @throws LocalizedException
+     */
+    public function save(PostInterface $post): PostInterface;
+
+    /**
+     * @param int $id
+     * @return bool
+     * @throws LocalizedException
+     * @throws NoSuchEntityException
+     */
+    public function deleteById(int $id): bool;
+}
diff --git a/Controller/Index/Index.php b/Controller/Index/Index.php
new file mode 100644
index 0000000..dfd67c7
--- /dev/null
+++ b/Controller/Index/Index.php
@@ -0,0 +1,21 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Controller\Index;
+
+use Magento\Framework\App\Action\HttpGetActionInterface;
+use Magento\Framework\Controller\Result\Forward;
+use Magento\Framework\Controller\Result\ForwardFactory;
+
+class Index implements HttpGetActionInterface
+{
+    public function __construct(
+        private ForwardFactory $forwardFactory,
+    ) {}
+
+    public function execute(): Forward
+    {
+        /** @var Forward $forward */
+        $forward = $this->forwardFactory->create();
+        return $forward->setController('post')->forward('list');
+    }
+}
diff --git a/Controller/Post/Detail.php b/Controller/Post/Detail.php
new file mode 100644
index 0000000..ca47c16
--- /dev/null
+++ b/Controller/Post/Detail.php
@@ -0,0 +1,27 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Controller\Post;
+
+use Magento\Framework\App\Action\HttpGetActionInterface;
+use Magento\Framework\App\RequestInterface;
+use Magento\Framework\Event\ManagerInterface as EventManager;
+use Magento\Framework\View\Result\Page;
+use Magento\Framework\View\Result\PageFactory;
+
+class Detail implements HttpGetActionInterface
+{
+    public function __construct(
+        private PageFactory $pageFactory,
+        private EventManager $eventManager,
+        private RequestInterface $request,
+    ) {}
+
+    public function execute(): Page
+    {
+        $this->eventManager->dispatch('rubenromao_blog_post_detail_view', [
+            'request' => $this->request,
+        ]);
+
+        return $this->pageFactory->create();
+    }
+}
diff --git a/Controller/Post/ListAction.php b/Controller/Post/ListAction.php
new file mode 100644
index 0000000..395fe93
--- /dev/null
+++ b/Controller/Post/ListAction.php
@@ -0,0 +1,19 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Controller\Post;
+
+use Magento\Framework\App\Action\HttpGetActionInterface;
+use Magento\Framework\View\Result\Page;
+use Magento\Framework\View\Result\PageFactory;
+
+class ListAction implements HttpGetActionInterface
+{
+    public function __construct(
+        private PageFactory $pageFactory
+    )  {}
+
+    public function execute(): Page
+    {
+        return $this->pageFactory->create();
+    }
+}
diff --git a/Model/Post.php b/Model/Post.php
new file mode 100644
index 0000000..c4cd7c5
--- /dev/null
+++ b/Model/Post.php
@@ -0,0 +1,39 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Model;
+
+use Rubenromao\Blog\Api\Data\PostInterface;
+use Magento\Framework\Model\AbstractModel;
+
+class Post extends AbstractModel implements PostInterface
+{
+    protected function _construct()
+    {
+        $this->_init(ResourceModel\Post::class);
+    }
+
+    public function getTitle()
+    {
+        return $this->getData(self::TITLE);
+    }
+
+    public function setTitle($title)
+    {
+        return $this->setData(self::TITLE, $title);
+    }
+
+    public function getContent()
+    {
+        return $this->getData(self::CONTENT);
+    }
+
+    public function setContent($content)
+    {
+        return $this->setData(self::CONTENT, $content);
+    }
+
+    public function getCreatedAt()
+    {
+        return $this->getData(self::CREATED_AT);
+    }
+}
diff --git a/Model/PostRepository.php b/Model/PostRepository.php
new file mode 100644
index 0000000..215d130
--- /dev/null
+++ b/Model/PostRepository.php
@@ -0,0 +1,55 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Model;
+
+use Rubenromao\Blog\Api\Data\PostInterface;
+use Rubenromao\Blog\Model\ResourceModel\Post as PostResourceModel;
+use Rubenromao\Blog\Api\PostRepositoryInterface;
+use Magento\Framework\Exception\CouldNotDeleteException;
+use Magento\Framework\Exception\CouldNotSaveException;
+use Magento\Framework\Exception\LocalizedException;
+use Magento\Framework\Exception\NoSuchEntityException;
+
+class PostRepository implements PostRepositoryInterface
+{
+    public function __construct(
+        private PostFactory $postFactory,
+        private PostResourceModel $postResourceModel,
+    ) {}
+
+    public function getById(int $id): PostInterface
+    {
+        $post = $this->postFactory->create();
+        $this->postResourceModel->load($post, $id);
+
+        if (!$post->getId()) {
+            throw new NoSuchEntityException(__('The blog post with "%1" ID doesn\'t exist.', $id));
+        }
+
+        return $post;
+    }
+
+    public function save(PostInterface $post): PostInterface
+    {
+        try {
+            $this->postResourceModel->save($post);
+        } catch (\Exception $exception) {
+            throw new CouldNotSaveException(__($exception->getMessage()));
+        }
+
+        return $post;
+    }
+
+    public function deleteById(int $id): bool
+    {
+        $post = $this->getById($id);
+
+        try {
+            $this->postResourceModel->delete($post);
+        } catch (\Exception $exception) {
+            throw new CouldNotDeleteException(__($exception->getMessage()));
+        }
+
+        return true;
+    }
+}
diff --git a/Model/ResourceModel/Post.php b/Model/ResourceModel/Post.php
new file mode 100644
index 0000000..7db6c69
--- /dev/null
+++ b/Model/ResourceModel/Post.php
@@ -0,0 +1,16 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Model\ResourceModel;
+
+use Magento\Framework\Model\ResourceModel\Db\AbstractDb;
+
+class Post extends AbstractDb
+{
+    const MAIN_TABLE = 'rubenromao_blog_post';
+    const ID_FIELD_NAME = 'id';
+
+    protected function _construct()
+    {
+        $this->_init(self::MAIN_TABLE, self::ID_FIELD_NAME);
+    }
+}
diff --git a/Model/ResourceModel/Post/Collection.php b/Model/ResourceModel/Post/Collection.php
new file mode 100644
index 0000000..16fd8cd
--- /dev/null
+++ b/Model/ResourceModel/Post/Collection.php
@@ -0,0 +1,15 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Model\ResourceModel\Post;
+
+use Rubenromao\Blog\Model\Post;
+use Rubenromao\Blog\Model\ResourceModel\Post as PostResourceModel;
+use Magento\Framework\Model\ResourceModel\Db\Collection\AbstractCollection;
+
+class Collection extends AbstractCollection
+{
+    protected function _construct()
+    {
+        $this->_init(Post::class, PostResourceModel::class);
+    }
+}
diff --git a/Observer/LogPostDetailView.php b/Observer/LogPostDetailView.php
new file mode 100644
index 0000000..135df31
--- /dev/null
+++ b/Observer/LogPostDetailView.php
@@ -0,0 +1,22 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Observer;
+
+use Magento\Framework\Event\Observer;
+use Magento\Framework\Event\ObserverInterface;
+use Psr\Log\LoggerInterface;
+
+class LogPostDetailView implements ObserverInterface
+{
+    public function __construct(
+        private LoggerInterface $logger,
+    ) {}
+
+    public function execute(Observer $observer)
+    {
+        $request = $observer->getData('request');
+        $this->logger->info('blog post detail viewed', [
+            'params' => $request->getParams(),
+        ]);
+    }
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..32f4083
--- /dev/null
+++ b/README.md
@@ -0,0 +1,82 @@
+# Rubenromao_Blog module
+
+Custom Magento v2.4.6-p3 Blog module to cover Magento 2 concepts and design patterns.
+
+It covers the app structure, how routing & controllers work, how to extend core code,
+dependency injection & interfaces, different design patterns and usages, ways to modify the page layout, and understand data management.
+
+The module is not intended to be used in production.
+It is a sample module to be used as a reference for Magento 2 development.
+
+The module is based on the [Magento 2.4.6-p3](https://devdocs.magento.com/guides/v2.4/release-notes/bk-release-notes.html) version.
+
+It provides the following functionality:
+Custom database table to store blog posts.
+Custom model to manage blog posts.
+Custom Web API endpoints to create, update, delete, and get blog posts.
+Custom admin grid to manage blog posts.
+Custom admin form to create and edit blog posts.
+Custom frontend page to create a blog post.
+Custom frontend page to edit a blog post.
+Custom frontend page to delete a blog post.
+Custom frontend page to display blog posts.
+
+## Installation details
+
+To install use composer or copy files manually.
+It is recommended to install the module in a development environment first.
+The
+
+### Install using composer
+
+``` 
+composer require rubenromao/blog
+```
+
+Run the following command to enable the module:
+
+```
+bin/magento module:enable Rubenromao_Blog
+```
+
+You must run the following commands after the module installation using magento-cli
+    
+    ```
+    bin/magento setup:upgrade
+    bin/magento setup:di:compile
+    bin/magento setup:static-content:deploy -f (optional if you are in developer mode)
+    bin/magento cache:flush
+    ```
+
+For information about a module installation in Magento 2, see [Enable or disable modules](https://devdocs.magento.com/guides/v2.4/install-gde/install/cli/install-cli-subcommands-enable.html).
+
+## Extensibility
+
+The Rubenromao_Blog module contains extensibility points that you can interact with.
+Web API, Service contracts, plugins, events, and observers enable you to extend and customize the Magento application.
+You can interact with the following extension points:
+
+Extension developers can interact with the Rubenromao_Blog module. For more information about the Magento extension mechanism, see [Magento plug-ins](https://devdocs.magento.com/guides/v2.4/extension-dev-guide/plugins.html).
+
+[The Magento dependency injection mechanism](https://devdocs.magento.com/guides/v2.4/extension-dev-guide/depend-inj.html) enables you to override the functionality of the Rubenromao_Blog module.
+
+### Layouts
+
+The module introduces layout handles in the `view/frontend/layout` directory.
+You can extend these layouts in your custom modules and themes.
+
+For more information about a layout in Magento 2, see the [Layout documentation](https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/layouts/layout-overview.html).
+
+### UI components
+
+You can extend product and category updates using the UI components located in the `view/adminhtml/ui_component` directory.
+Or you can extend the UI components located in the `view/base/ui_component` directory.
+
+For information about a UI component in Magento 2, see [Overview of UI components](https://devdocs.magento.com/guides/v2.4/ui_comp_guide/bk-ui_comps.html).
+
+## Additional information
+
+The Rubenromao_Blog module creates a new database table `rubenromao_blog_post` during the installation process.
+This table stores blog posts.
+
+For information about significant changes in patch releases, see [Release information](https://devdocs.magento.com/guides/v2.4/release-notes/bk-release-notes.html).
diff --git a/Setup/Patch/Data/PopulateBlogPosts.php b/Setup/Patch/Data/PopulateBlogPosts.php
new file mode 100644
index 0000000..6741d31
--- /dev/null
+++ b/Setup/Patch/Data/PopulateBlogPosts.php
@@ -0,0 +1,42 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Setup\Patch\Data;
+
+use Rubenromao\Blog\Api\PostRepositoryInterface;
+use Rubenromao\Blog\Model\PostFactory;
+use Magento\Framework\Setup\ModuleDataSetupInterface;
+use Magento\Framework\Setup\Patch\DataPatchInterface;
+use Magento\Framework\Setup\Patch\PatchInterface;
+
+class PopulateBlogPosts implements DataPatchInterface
+{
+    public function __construct(
+        private ModuleDataSetupInterface $moduleDataSetup,
+        private PostFactory $postFactory,
+        private PostRepositoryInterface $postRepository,
+    ) {}
+
+    public static function getDependencies(): array
+    {
+        return [];
+    }
+
+    public function getAliases(): array
+    {
+        return [];
+    }
+
+    public function apply()
+    {
+        $this->moduleDataSetup->startSetup();
+
+        $post = $this->postFactory->create();
+        $post->setData([
+            'title' => 'An awesome post',
+            'content' => 'This is totally awesome!',
+        ]);
+        $this->postRepository->save($post);
+
+        $this->moduleDataSetup->endSetup();
+    }
+}
diff --git a/Setup/Patch/Data/PopulateBlogPosts1.php b/Setup/Patch/Data/PopulateBlogPosts1.php
new file mode 100644
index 0000000..a7c1884
--- /dev/null
+++ b/Setup/Patch/Data/PopulateBlogPosts1.php
@@ -0,0 +1,52 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\Setup\Patch\Data;
+
+use Rubenromao\Blog\Api\PostRepositoryInterface;
+use Rubenromao\Blog\Model\PostFactory;
+use Magento\Framework\Setup\ModuleDataSetupInterface;
+use Magento\Framework\Setup\Patch\DataPatchInterface;
+use Magento\Framework\Setup\Patch\PatchInterface;
+
+class PopulateBlogPosts1 implements DataPatchInterface
+{
+    public function __construct(
+        private ModuleDataSetupInterface $moduleDataSetup,
+        private PostFactory $postFactory,
+        private PostRepositoryInterface $postRepository,
+    ) {}
+
+    public static function getDependencies(): array
+    {
+        return [];
+    }
+
+    public function getAliases(): array
+    {
+        return [];
+    }
+
+    public function apply()
+    {
+        $this->moduleDataSetup->startSetup();
+
+        $posts = [
+            [
+                'title' => 'Today is sunny',
+                'content' => 'The weather has been great all week.',
+            ],
+            [
+                'title' => 'My movie review',
+                'content' => 'I give this movie 5 out of 5 stars!',
+            ],
+        ];
+
+        foreach ($posts as $postData) {
+            $post = $this->postFactory->create();
+            $post->setData($postData);
+            $this->postRepository->save($post);
+        }
+
+        $this->moduleDataSetup->endSetup();
+    }
+}
diff --git a/ViewModel/Post.php b/ViewModel/Post.php
new file mode 100644
index 0000000..72c0f96
--- /dev/null
+++ b/ViewModel/Post.php
@@ -0,0 +1,34 @@
+<?php declare(strict_types=1);
+
+namespace Rubenromao\Blog\ViewModel;
+
+use Rubenromao\Blog\Api\Data\PostInterface;
+use Rubenromao\Blog\Api\PostRepositoryInterface;
+use Rubenromao\Blog\Model\ResourceModel\Post\Collection;
+use Magento\Framework\App\RequestInterface;
+use Magento\Framework\View\Element\Block\ArgumentInterface;
+
+class Post implements ArgumentInterface
+{
+    public function __construct(
+        private Collection $collection,
+        private PostRepositoryInterface $postRepository,
+        private RequestInterface $request,
+    ) {}
+
+    public function getList(): array
+    {
+        return $this->collection->getItems();
+    }
+
+    public function getCount(): int
+    {
+        return $this->collection->count();
+    }
+
+    public function getDetail(): PostInterface
+    {
+        $id = (int) $this->request->getParam('id');
+        return $this->postRepository->getById($id);
+    }
+}
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..80f394c
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,17 @@
+{
+    "name": "rubenromao/m2-module-blog",
+    "version": "1.0.0",
+    "description": "Custom Blog module that covers most of the M2 concepts and design patterns.",
+    "type": "magento2-module",
+    "require": {
+        "magento/framework": "*"
+    },
+    "autoload": {
+        "files": [
+            "registration.php"
+        ],
+        "psr-4": {
+            "Rubenromao\\Blog\\": ""
+        }
+    }
+}
diff --git a/etc/db_schema.xml b/etc/db_schema.xml
new file mode 100644
index 0000000..3229f7e
--- /dev/null
+++ b/etc/db_schema.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<schema xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:Setup/Declaration/Schema/etc/schema.xsd">
+    <table name="rubenromao_blog_post" resource="default" engine="innodb" comment="Post Table">
+        <column xsi:type="int" name="id" unsigned="true" nullable="false" identity="true" comment="ID"/>
+        <column xsi:type="varchar" name="title" nullable="false" length="255" comment="Post Title"/>
+        <column xsi:type="mediumtext" name="content" nullable="true" comment="Post Content"/>
+        <column xsi:type="timestamp" name="created_at" on_update="false" nullable="false" default="CURRENT_TIMESTAMP"
+                comment="Post Created At"/>
+        <constraint xsi:type="primary" referenceId="PRIMARY">
+            <column name="id"/>
+        </constraint>
+    </table>
+</schema>
diff --git a/etc/db_schema_whitelist.json b/etc/db_schema_whitelist.json
new file mode 100644
index 0000000..3d97214
--- /dev/null
+++ b/etc/db_schema_whitelist.json
@@ -0,0 +1,13 @@
+{
+    "rubenromao_blog_post": {
+        "column": {
+            "id": true,
+            "title": true,
+            "content": true,
+            "created_at": true
+        },
+        "constraint": {
+            "PRIMARY": true
+        }
+    }
+}
diff --git a/etc/di.xml b/etc/di.xml
new file mode 100644
index 0000000..a2b3bec
--- /dev/null
+++ b/etc/di.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+    <preference for="Rubenromao\Blog\Api\Data\PostInterface" type="Rubenromao\Blog\Model\Post"/>
+    <preference for="Rubenromao\Blog\Api\PostRepositoryInterface" type="Rubenromao\Blog\Model\PostRepository"/>
+</config>
diff --git a/etc/frontend/events.xml b/etc/frontend/events.xml
new file mode 100644
index 0000000..4d669cc
--- /dev/null
+++ b/etc/frontend/events.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
+    <event name="rubenromao_blog_post_detail_view">
+        <observer name="rubenromao_blog_observer_log_post_detail_view"
+                  instance="Rubenromao\Blog\Observer\LogPostDetailView"/>
+    </event>
+</config>
diff --git a/etc/frontend/routes.xml b/etc/frontend/routes.xml
new file mode 100644
index 0000000..10834ed
--- /dev/null
+++ b/etc/frontend/routes.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
+    <router id="standard">
+        <route id="blog" frontName="blog">
+            <module name="Rubenromao_Blog"/>
+        </route>
+    </router>
+</config>
diff --git a/etc/module.xml b/etc/module.xml
new file mode 100644
index 0000000..ea56d30
--- /dev/null
+++ b/etc/module.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
+    <module name="Rubenromao_Blog"/>
+</config>
diff --git a/etc/webapi.xml b/etc/webapi.xml
new file mode 100644
index 0000000..428e876
--- /dev/null
+++ b/etc/webapi.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<routes xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Webapi:etc/webapi.xsd">
+    <route method="GET" url="/V1/blog_post/:id">
+        <service class="Rubenromao\Blog\Api\PostRepositoryInterface" method="getById"/>
+        <resources>
+            <resource ref="anonymous"/>
+        </resources>
+    </route>
+    <route method="POST" url="/V1/blog_post">
+        <service class="Rubenromao\Blog\Api\PostRepositoryInterface" method="save"/>
+        <resources>
+            <resource ref="anonymous"/>
+        </resources>
+    </route>
+    <route method="PUT" url="/V1/blog_post">
+        <service class="Rubenromao\Blog\Api\PostRepositoryInterface" method="save"/>
+        <resources>
+            <resource ref="anonymous"/>
+        </resources>
+    </route>
+    <route method="DELETE" url="/V1/blog_post/:id">
+        <service class="Rubenromao\Blog\Api\PostRepositoryInterface" method="deleteById"/>
+        <resources>
+            <resource ref="anonymous"/>
+        </resources>
+    </route>
+</routes>
diff --git a/i18n/en_US.csv b/i18n/en_US.csv
new file mode 100644
index 0000000..e39035e
--- /dev/null
+++ b/i18n/en_US.csv
@@ -0,0 +1 @@
+"You have no items in your wish list.","You don't have any items in your wish list."
diff --git a/registration.php b/registration.php
new file mode 100644
index 0000000..db7b3d1
--- /dev/null
+++ b/registration.php
@@ -0,0 +1,10 @@
+<?php
+declare(strict_types=1);
+
+use Magento\Framework\Component\ComponentRegistrar;
+
+ComponentRegistrar::register(
+    ComponentRegistrar::MODULE,
+    'Rubenromao_Blog',
+    __DIR__
+);
diff --git a/view/frontend/layout/blog_post_detail.xml b/view/frontend/layout/blog_post_detail.xml
new file mode 100644
index 0000000..5a9718c
--- /dev/null
+++ b/view/frontend/layout/blog_post_detail.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+<page layout="2columns-right"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceContainer name="main">
+            <block name="blog.post.detail" template="Rubenromao_Blog::post/detail.phtml">
+                <arguments>
+                    <argument name="post_vm" xsi:type="object">Rubenromao\Blog\ViewModel\Post</argument>
+                </arguments>
+            </block>
+        </referenceContainer>
+        <referenceContainer name="sidebar.main">
+            <block name="blog.post.sidebar" template="Rubenromao_Blog::post/sidebar.phtml">
+                <arguments>
+                    <argument name="post_vm" xsi:type="object">Rubenromao\Blog\ViewModel\Post</argument>
+                </arguments>
+            </block>
+        </referenceContainer>
+        <referenceBlock name="catalog.compare.sidebar" display="false"/>
+        <referenceBlock name="wishlist_sidebar" display="false"/>
+    </body>
+</page>
diff --git a/view/frontend/layout/blog_post_list.xml b/view/frontend/layout/blog_post_list.xml
new file mode 100644
index 0000000..2e965fc
--- /dev/null
+++ b/view/frontend/layout/blog_post_list.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<page layout="1column"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceContainer name="main">
+            <block name="blog.post.list" template="Rubenromao_Blog::post/list.phtml">
+                <arguments>
+                    <argument name="post_vm" xsi:type="object">Rubenromao\Blog\ViewModel\Post</argument>
+                </arguments>
+            </block>
+        </referenceContainer>
+    </body>
+</page>
diff --git a/view/frontend/templates/post/detail.phtml b/view/frontend/templates/post/detail.phtml
new file mode 100644
index 0000000..51473d7
--- /dev/null
+++ b/view/frontend/templates/post/detail.phtml
@@ -0,0 +1,12 @@
+<?php
+/** @var Magento\Framework\View\Element\Template $block */
+/** @var Magento\Framework\Escaper $escaper */
+/** @var Rubenromao\Blog\ViewModel\Post $postVm */
+$postVm = $block->getData('post_vm');
+$post = $postVm->getDetail();
+?>
+<div class="blog-post-detail">
+    <h1><?= $escaper->escapeHtml($post->getTitle()) ?></h1>
+    <p><em><?= __('Created at: %1', $post->getCreatedAt()) ?></em></p>
+    <p><?= $escaper->escapeHtml($post->getContent(), ['em', 'p', 'strong']) ?></p>
+</div>
diff --git a/view/frontend/templates/post/list.phtml b/view/frontend/templates/post/list.phtml
new file mode 100644
index 0000000..05c537d
--- /dev/null
+++ b/view/frontend/templates/post/list.phtml
@@ -0,0 +1,19 @@
+<?php
+/** @var Magento\Framework\View\Element\Template $block */
+/** @var Magento\Framework\Escaper $escaper */
+/** @var Rubenromao\Blog\ViewModel\Post $postVm */
+$postVm = $block->getData('post_vm');
+?>
+<div class="blog-post-list">
+    <h1><?= __('Blog posts') ?></h1>
+    <ul>
+        <?php foreach ($postVm->getList() as $post): ?>
+            <li>
+                <a href="<?= $block->getUrl('blog/post/detail', ['id' => $post->getData('id')]) ?>">
+                    <?= $escaper->escapeHtml($post->getData('title')) ?>
+                </a>
+            </li>
+        <?php endforeach ?>
+    </ul>
+    <p><?= __('Post count: %1', $postVm->getCount()) ?></p>
+</div>
diff --git a/view/frontend/templates/post/sidebar.phtml b/view/frontend/templates/post/sidebar.phtml
new file mode 100644
index 0000000..a869a32
--- /dev/null
+++ b/view/frontend/templates/post/sidebar.phtml
@@ -0,0 +1,18 @@
+<?php
+/** @var Magento\Framework\View\Element\Template $block */
+/** @var Magento\Framework\Escaper $escaper */
+/** @var Rubenromao\Blog\ViewModel\Post $postVm */
+$postVm = $block->getData('post_vm');
+?>
+<div class="blog-post-sidebar">
+    <p><strong><?= __('Other blog posts') ?></strong></p>
+    <ul>
+        <?php foreach ($postVm->getList() as $post): ?>
+            <li>
+                <a href="<?= $block->getUrl('blog/post/detail', ['id' => $post->getData('id')]) ?>">
+                    <?= $escaper->escapeHtml($post->getData('title')) ?>
+                </a>
+            </li>
+        <?php endforeach ?>
+    </ul>
+</div>
diff --git a/view/frontend/templates/wishlist/sidebar.phtml b/view/frontend/templates/wishlist/sidebar.phtml
new file mode 100644
index 0000000..36124b6
--- /dev/null
+++ b/view/frontend/templates/wishlist/sidebar.phtml
@@ -0,0 +1,103 @@
+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+/** @var \Magento\Wishlist\Block\Customer\Sidebar $block */
+?>
+<?php
+$wishlstViewModel = $block->getData('wishlistDataViewModel');
+?>
+<?php if ($wishlstViewModel->isAllow()): ?>
+    <div class="block block-wishlist" data-bind="scope: 'wishlist'">
+        <div class="block-title">
+            <strong role="heading" aria-level="2"><?= $block->escapeHtml($block->getTitle()) ?></strong>
+            <!-- ko if: wishlist().counter -->
+            <span data-bind="text: wishlist().counter" class="counter"></span>
+            <!-- /ko -->
+        </div>
+        <div class="block-content">
+            <strong class="subtitle"><?= $block->escapeHtml(__('Last Added Items')) ?></strong>
+            <!-- ko if: wishlist().counter -->
+            <ol class="product-items no-display"
+                id="wishlist-sidebar"
+                data-bind="foreach: wishlist().items, css: {'no-display': null}">
+                <li class="product-item">
+                    <div class="product-item-info">
+                        <a class="product-item-photo" data-bind="attr: { href: product_url, title: product_name }">
+                            <!-- ko template: {name: $data.image.template, data: $data.image} --><!-- /ko -->
+                        </a>
+                        <div class="product-item-details">
+                            <strong class="product-item-name">
+                                <a data-bind="attr: { href: product_url }" class="product-item-link">
+                                    <span data-bind="text: product_name"></span>
+                                </a>
+                            </strong>
+                            <div data-bind="html: product_price"></div>
+                            <div class="product-item-actions">
+                                <!-- ko if: product_is_saleable_and_visible -->
+                                <div class="actions-primary">
+                                    <!-- ko if: product_has_required_options -->
+                                    <a href="#"
+                                       data-bind="attr: {'data-post': add_to_cart_params}"
+                                       class="action tocart primary">
+                                        <span><?= $block->escapeHtml(__('Add to Cart')) ?></span>
+                                    </a>
+                                    <!-- /ko -->
+                                    <!-- ko ifnot: product_has_required_options -->
+                                    <button type="button"
+                                            class="action tocart primary"
+                                            data-bind="attr: {'data-post': add_to_cart_params}">
+                                        <span><?= $block->escapeHtml(__('Add to Cart')) ?></span>
+                                    </button>
+                                    <!-- /ko -->
+                                </div>
+                                <!-- /ko -->
+                                <div class="actions-secondary">
+                                    <a href="#"  data-bind="attr: {'data-post': delete_item_params}"
+                                       title="<?= $block->escapeHtmlAttr(__('Remove This Item')) ?>"
+                                       class="btn-remove action delete">
+                                        <span><?= $block->escapeHtml(__('Remove This Item')) ?></span>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+            </ol>
+            <div class="actions-toolbar no-display" data-bind="css: {'no-display': null}">
+                <div class="primary">
+                    <a class="action details"
+                       href="<?= $block->escapeUrl($wishlstViewModel->getListUrl()) ?>"
+                       title="<?= $block->escapeHtmlAttr(__('Go to Wish List')) ?>">
+                        <span><?= $block->escapeHtml(__('Go to Wish List')) ?></span>
+                    </a>
+                </div>
+            </div>
+            <!-- /ko -->
+            <!-- ko ifnot: wishlist().counter -->
+            <div class="empty"><?= $block->escapeHtml(__('You have no items in your wish list.')) ?></div>
+            <div>
+                <a href="<?= $block->escapeUrl($this->getBaseUrl()) ?>"
+                   title="<?= $block->escapeHtmlAttr(__('Browse for items')) ?>">
+                    <span><?= $block->escapeHtml(__('Browse for items')) ?></span>
+                </a>
+            </div>
+            <!-- /ko -->
+        </div>
+    </div>
+    <script type="text/x-magento-init">
+        {
+            "*": {
+                "Magento_Ui/js/core/app": {
+                    "components": {
+                        "wishlist": {
+                            "component": "Magento_Wishlist/js/view/wishlist"
+                        }
+                    }
+                }
+            }
+        }
+    </script>
+<?php endif ?>