diff --git a/api/config/packages/api_platform.yaml b/api/config/packages/api_platform.yaml
index d724b344..4dd2e726 100644
--- a/api/config/packages/api_platform.yaml
+++ b/api/config/packages/api_platform.yaml
@@ -6,6 +6,7 @@ api_platform:
         include_type: true
     formats:
         jsonld: ['application/ld+json']
+        json: ["application/json"]
     docs_formats:
         jsonld: ['application/ld+json']
         jsonopenapi: ['application/vnd.openapi+json']
diff --git a/src/stories/Basic.stories.ts b/src/stories/Basic.stories.ts
deleted file mode 100644
index 8fe6c89c..00000000
--- a/src/stories/Basic.stories.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { within } from '@storybook/test';
-import Basic from './Basic';
-
-const meta = {
-  title: 'Admin/Basic',
-  component: Basic,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'fullscreen',
-  },
-} satisfies Meta<typeof Basic>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Admin: Story = {
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    await canvas.findByText('Greetings');
-  },
-  args: {
-    entrypoint: process.env.ENTRYPOINT,
-  },
-};
diff --git a/src/stories/Basic.stories.tsx b/src/stories/Basic.stories.tsx
new file mode 100644
index 00000000..a086bd37
--- /dev/null
+++ b/src/stories/Basic.stories.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+import { HydraAdmin, type HydraAdminProps } from '../hydra';
+import { OpenApiAdmin } from '../openapi';
+
+/**
+ * # Basic `<HydraAdmin>` component
+ * The `<HydraAdmin>` component without any parameter.
+ */
+const Basic = ({ entrypoint }: BasicProps) => (
+  <HydraAdmin entrypoint={entrypoint} />
+);
+
+interface BasicProps extends Pick<HydraAdminProps, 'entrypoint'> {}
+
+const meta = {
+  title: 'Admin/Basic',
+  component: Basic,
+  parameters: {
+    layout: 'fullscreen',
+  },
+} satisfies Meta<typeof Basic>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Hydra: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await canvas.findByText('Greetings');
+  },
+  args: {
+    entrypoint: process.env.ENTRYPOINT,
+  },
+};
+
+export const OpenApi = () => (
+  <OpenApiAdmin
+    entrypoint={process.env.ENTRYPOINT}
+    docEntrypoint={`${process.env.ENTRYPOINT}/docs.jsonopenapi`}
+  />
+);
diff --git a/src/stories/Configure.mdx b/src/stories/Configure.mdx
deleted file mode 100644
index cd58d037..00000000
--- a/src/stories/Configure.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Meta } from "@storybook/blocks";
-
-<Meta title="Configure your project" />
\ No newline at end of file