feat: add storybook

Author: 0l1v3rr

.eslintrc.json

@@ -1,5 +1,8 @@
 {
-  "extends": "next/core-web-vitals",
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:storybook/recommended"
+  ],
   "rules": {
     "react/no-unescaped-entities": "off",
     "@next/next/no-img-element": "off"

.storybook/main.ts

@@ -0,0 +1,27 @@
+import type { StorybookConfig } from "@storybook/nextjs";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    {
+      name: "@storybook/addon-styling",
+      options: {
+        // Check out https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
+        // For more details on this addon's options.
+        postCss: true,
+      },
+    },
+  ],
+  framework: {
+    name: "@storybook/nextjs",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+
+export default config;

.storybook/preview.ts

@@ -0,0 +1,25 @@
+import "../src/app/globals.css";
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+    backgrounds: {
+      default: "github",
+      values: [
+        {
+          name: "github",
+          value: "#0d1117",
+        },
+      ],
+    },
+  },
+};
+
+export default preview;

.vercelignore

@@ -1,7 +1,7 @@
 .github
 .husky
 node_modules
-**/.gitkeep
+\*\*/.gitkeep
 docs
 scripts
-*.md
+\*.md