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;