Stuff

8 months ago · 40e52a23e5
parent 4d672e134a
commit 40e52a23e5
11 changed files with 1337 additions and 40 deletions
--- a/next.config.js
+++ b/next.config.js
@ -0,0 +1,10 @@
+const withMDX = require('@next/mdx')()
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  // Configure `pageExtensions` to include MDX files
+  pageExtensions: ["js", "jsx", "mdx", "ts", "tsx"],
+  // Optionally, add any other Next.js config below
+};
+
+module.exports = withMDX(nextConfig);
--- a/next.config.mjs
+++ b/next.config.mjs
@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;
--- a/package.json
+++ b/package.json
@ -11,11 +11,17 @@
    "ui:add": "pnpm dlx shadcn-ui@latest add"
  },
  "dependencies": {
+    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@next/mdx": "^14.1.4",
    "@radix-ui/react-slot": "^1.0.2",
+    "@tailwindcss/typography": "^0.5.12",
+    "@types/mdx": "^2.0.12",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "lucide-react": "^0.363.0",
    "next": "14.1.4",
+    "next-themes": "^0.3.0",
    "react": "^18",
    "react-dom": "^18",
    "tailwind-merge": "^2.2.2",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/app/[...dir]/layout.tsx
+++ b/src/app/[...dir]/layout.tsx
@ -0,0 +1,7 @@
+const Layout = ({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) => <div className="prose dark:prose-dark max-w-screen-lg">{children}</div>;
+
+export default Layout;
--- a/src/app/[...dir]/page.tsx
+++ b/src/app/[...dir]/page.tsx
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -8,6 +8,7 @@ export const metadata: Metadata = {
 };

 import { cn } from "@/lib/utils";
+import { ThemeProvider } from "@/components/theme-provider";

 const fontSans = FontSans({
  subsets: ["latin"],
@ -23,11 +24,20 @@ export default function RootLayout({
    <html lang="en">
      <body
        className={cn(
-          "min-h-screen bg-background font-sans antialiased",
+          "min-h-screen bg-background text-foreground font-sans antialiased",
          fontSans.className,
        )}
      >
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <main className="w-full flex flex-col justify-center">
            {children}
+          </main>
+        </ThemeProvider>
      </body>
    </html>
  );
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@ -1,5 +1,5 @@
 import Image from "next/image";

 export default function Home() {
-  return <></>;
+  return <h1>TEST</h1>;
 }
--- a/src/components/theme-provider.tsx
+++ b/src/components/theme-provider.tsx
@ -0,0 +1,9 @@
+"use client";
+
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { type ThemeProviderProps } from "next-themes/dist/types";
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
+}
--- a/src/mdx-components.tsx
+++ b/src/mdx-components.tsx
@ -0,0 +1,7 @@
+import type { MDXComponents } from "mdx/types";
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    ...components,
+  };
+}
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@ -78,7 +78,7 @@ const config = {
      },
    },
  },
-  plugins: [require("tailwindcss-animate")],
+  plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
 } satisfies Config;

 export default config;