feat: add tailwind & prettier

Author: SekulDev

.prettierrc.js

@@ -0,0 +1,21 @@
+/** @type {import("prettier").Config} */
+const config = {
+    tabWidth: 4,
+    useTabs: false,
+    printWidth: 120,
+    singleQuote: false,
+    trailingComma: "all",
+    /**
+     * Note:
+     * The order of plugins in this array is crucial for functionality.
+     * Do not change the order, as this will prevent both plugins from working correctly.
+     */
+    plugins: ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-tailwindcss"],
+    importOrder: ["^node:", "<THIRD_PARTY_MODULES>", "^[./]"],
+    importOrderParserPlugins: ["typescript", "classProperties", "decorators-legacy"],
+    importOrderSeparation: true,
+    importOrderSortSpecifiers: true,
+    tailwindFunctions: ["cn"],
+};
+
+module.exports = config;

index.css

@@ -0,0 +1,14 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body,
+#__next {
+    width: 100%;
+    height: 100%;
+}
+
+.nx-mt-6 {
+    margin-top: 1.1rem;
+}

package.json

@@ -1,31 +1,38 @@
 {
-  "name": "nextra-docs-template",
-  "version": "0.0.1",
-  "description": "Nextra docs template",
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/shuding/nextra-docs-template.git"
-  },
-  "author": "Shu Ding <g@shud.in>",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/shuding/nextra-docs-template/issues"
-  },
-  "homepage": "https://github.com/shuding/nextra-docs-template#readme",
-  "dependencies": {
-    "next": "^13.0.6",
-    "nextra": "latest",
-    "nextra-theme-docs": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@types/node": "18.11.10",
-    "typescript": "^4.9.3"
-  }
+    "name": "nextra-docs-template",
+    "version": "0.0.1",
+    "description": "Nextra docs template",
+    "scripts": {
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "postbuild": "next-sitemap"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/shuding/nextra-docs-template.git"
+    },
+    "author": "Shu Ding <g@shud.in>",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/shuding/nextra-docs-template/issues"
+    },
+    "homepage": "https://github.com/shuding/nextra-docs-template#readme",
+    "dependencies": {
+        "next": "^13.0.6",
+        "nextra": "latest",
+        "nextra-theme-docs": "latest",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    },
+    "devDependencies": {
+        "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+        "@types/node": "18.11.10",
+        "autoprefixer": "^10.4.19",
+        "postcss": "^8.4.40",
+        "prettier": "^3.3.3",
+        "prettier-plugin-tailwindcss": "^0.6.5",
+        "tailwindcss": "^3.4.7",
+        "typescript": "^4.9.3"
+    }
 }

pages/_app.mdx

@@ -0,0 +1,5 @@
+import "../index.css";
+
+export default function MyApp({ Component, pageProps }) { 
+    return <Component {...pageProps} />;
+}