Rewrite

.babelrc

@@ -1,4 +1,3 @@
 {
-  "presets": ["next/babel"],
-  "plugins": [["styled-components", { "ssr": true }]]
-}
+  "presets": ["next/babel"]
+}

.gitignore

@@ -1,3 +1,37 @@
-node_modules
-.next
-yarn-error.log
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# Storybook
+storybook-static

.storybook/main.js

@@ -0,0 +1,16 @@
+const path = require('path');
+
+module.exports = {
+  stories: [
+    '../components/**/*.stories.mdx',
+    '../components/**/*.stories.@(js|jsx|ts|tsx)',
+  ],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  webpackFinal: (config) => {
+    config.resolve.modules = [
+      path.resolve(__dirname, '..', '.'),
+      'node_modules',
+    ];
+    return config;
+  },
+};

.storybook/preview.js

@@ -0,0 +1,17 @@
+import App from '../pages/_app';
+import { withNextRouter } from 'storybook-addon-next-router';
+
+export const decorators = [
+  (Story) => <App withLayout={false} Component={Story} />,
+  withNextRouter,
+];
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};

.unimportedrc.json

@@ -0,0 +1,3 @@
+{
+  "moduleDirectory": ["node_modules", "."]
+}

.vscode/settings.json

@@ -1,14 +1,7 @@
 {
   "files.exclude": {
-    ".next": true
-  },
-  "editor.formatOnSave": true,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact"
-  ],
-  "eslint.enable": true
+    ".next": true,
+    "node_modules": true,
+    "tests/fixtures/*.xml": true
+  }
 }