remove mdx dependencies

app/about/me/content.mdx

@@ -1,79 +0,0 @@
-# What I Do
-
-## CREATE FULL STACK WEB APPLICATIONS
-
-I have experience building web applications with and without back-end integrations.
-
-I am comfortable conceptualizing and organizing complex structures, and as such, my projects tend to be natural in their structure and easy to maintain.
-
-## COLLABORATIVE SOFTWARE ENGINEERING
-
-I have consulted on small teams with:
-
-- Dization, a Pittsburgh-based company developing an enterprise resource planning solution for small businesses
-- Metazu Studio, a Nashville-based startup connecting clients with services in video production, AR/VR, social media, photography, and web design.
-
-My work on these projects deals with managing the complexities of full-stack web engineering, as well as delivering beautiful user experiences to end customers.
-
-## CREATIVE MINDED PROBLEM SOLVER
-
-My background as a musician, composer, producer, and artistic collaborator provide me with a unique frame of reference for solving technical problems and adapting to dynamic environments.
-
-## DATABASE OPERATIONS AND MANAGEMENT
-
-My projects have featured both relational and non-relational databases, in particular PostgreSQL and MongoDB. I also have experience with various methods of connecting these to front-end applications.
-
-# Education
-
-## BACHELORS OF ARTS, MUSIC
-
-Southern Methodist University, 2014 - 2017
-
-Concentrations: Piano Performance, Music Composition, Music Theory
-
-Minor: French Language and Culture
-
-## SELF DIRECTED STUDY, WEB ENGINEERING
-
-2021 - present
-
-Codecademy Pro, Front End Engineer Career Path
-
-Concentrations: React, Redux, Express, PostgreSQL
-
-# Employment
-
-## SOFTWARE ENGINEER
-
-Dropper Studio | Nashville, TN
-Mar 2023 - present
-Relevant Duties: developing a full-stack web application for a client in the music industry.
-
-- Next.js
-- tRPC, MongoDB
-- Integrating additional services (Redis, S3)
-- Networking and cloud management (on premise)
-- UI/UX Design
-
-## FULL STACK ENGINEER, INTERN
-
-Dization, Inc | Pittsburgh, PA (remote)
-Sept 2022 - Mar 2023
-Relevant Duties: contributing to the development of a full-stack enterprise resource planning application built using the LAMP stack hosted on AWS.
-
-- Enterprise Resource Planning
-- AWS
-- System Design
-- UI/UX Design
-- Database management
-
-## FULL STACK ENGINEER, INTERN
-Dization, Inc | Pittsburgh, PA (remote)
-Sept 2022 - present
-Relevant Duties: contributing to the development of a full-stack enterprise resource planning application built using the LAMP stack hosted on AWS.
-
-Enterprise Resource Planning
-AWS
-System Design
-UI/UX Design
-Database management

app/about/me/page.tsx

@@ -1,41 +0,0 @@
-'use client';
-import { useState } from "react";
-import Software from "./software.mdx";
-import CompanyShowcase from "@/components/About/CompanyShowcase";
-
-export default function AboutMe() {
-    const [selected, setSelected] = useState<'musician' | 'developer'>();
-
-    return (
-        <div>
-            <h1>This page is also coming soon!</h1>
-            {/* <h1>So, who is Mikayla Dobson?</h1>
-
-            <div>
-                <button onClick={() => setSelected('developer')}>Software Engineer</button>
-                <button onClick={() => setSelected('musician')}>Musician</button>
-            </div>
-
-            {selected === 'developer' && (
-                <div>
-                    <p>
-                        I have been writing software for about three years, and have produced valuable work for several
-                        companies working in a variety of paradigms.
-                    </p>
-
-                    <p>Here are some traits that my supervisors have consistently praised:</p>
-                </div>
-            )}
-
-            {selected === 'musician' && (
-                <div>
-                    <h2>Musician</h2>
-                    <p>
-                        I am a musician with a passion for creating beautiful, functional, and accessible music.
-                        I have experience with the piano, guitar, and more.
-                    </p>
-                </div>
-            )} */}
-        </div>
-    )
-}

app/about/me/software.mdx

@@ -1,10 +0,0 @@
-# Software Engineer
-
-I have been writing software for about three years, and have produced valuable work for several
-companies working in a variety of paradigms.
-
-## Some 
-
-## Some ways I have brought value:
-
-

app/layout.tsx

@@ -5,8 +5,6 @@ import './globals.css'
 import Head from 'next/head'
 import Navbar from '@/components/Navbar'
 import SiteTree from '@/components/SiteTree'
-import components from '@/components/mdx'
-import { MDXProvider } from '@mdx-js/react'
 import { Inter, Besley, Cabin } from 'next/font/google'
 import { usePathname } from 'next/navigation'
 import { IconContext } from 'react-icons'
@@ -63,14 +61,12 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         <Navbar pageIsScrolled={pageIsScrolled} />
         <SiteTree />
         <IconContext.Provider value={{}}>
-          <MDXProvider components={components}>
+          <main className={`${bg} min-h-screen`}>
-            <main className={`${bg} min-h-screen`}>
+            <div>
-              <div>
+              <div id="navbar-spacer" className="h-[6rem] w-full bg-slate-300 dark:bg-black " />
-                <div id="navbar-spacer" className="h-[6rem] w-full bg-slate-300 dark:bg-black " />
+              {children}
-                {children}
+            </div>
-              </div>
+          </main>
-            </main>
-          </MDXProvider>
         </IconContext.Provider>
       </body>
     </html>

mdx-components.tsx

@@ -1,12 +0,0 @@
-// https://github.com/vercel/next.js/blob/canary/examples/app-dir-mdx/mdx-components.tsx
-
-import type { MDXComponents } from 'mdx/types'
-
-// This file is required to use MDX in `app` directory.
-export function useMDXComponents(components: MDXComponents): MDXComponents {
-  return {
-    // Allows customizing built-in components, e.g. to add styling.
-    // h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>,
-    ...components,
-  }
-}

next.config.js

@@ -1,21 +1,6 @@
-// more about configuring mdx
-// https://nextjs.org/docs/pages/building-your-application/configuring/mdx
-
-const withMDX = require('@next/mdx')({
-    extension: /\.mdx?$/,
-    options: {
-      // If you use remark-gfm, you'll need to use next.config.mjs
-      // as the package is ESM only
-      // https://github.com/remarkjs/remark-gfm#install
-      remarkPlugins: [require("remark-prism")],
-      rehypePlugins: [],
-      providerImportSource: "@mdx-js/react",
-    },
-});
-
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
+    pageExtensions: ['js', 'jsx', 'ts', 'tsx'],
     reactStrictMode: true,
     experimental: {
       // mdxRs: true,
@@ -23,4 +8,4 @@ const nextConfig = {
     }
 }
 
-module.exports = withMDX(nextConfig);
+module.exports = nextConfig;

package.json

@@ -10,9 +10,6 @@
   },
   "dependencies": {
     "@aws-sdk/client-s3": "^3.367.0",
-    "@mdx-js/loader": "^2.3.0",
-    "@mdx-js/react": "^2.3.0",
-    "@next/mdx": "^13.4.4",
     "@sendgrid/mail": "^7.7.0",
     "@supabase/supabase-js": "^2.26.0",
     "autoprefixer": "10.4.14",
@@ -23,7 +20,6 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.9.0",
-    "remark-prism": "^1.3.6",
     "tailwindcss": "3.3.2",
     "typescript": "5.0.4",
     "uuid": "^9.0.0"