From 29c0f4922442ead36d85085950d32bcf5b1c2dc5 Mon Sep 17 00:00:00 2001 From: Mikayla Dobson Date: Thu, 5 Oct 2023 11:08:09 -0500 Subject: [PATCH] remove mdx dependencies --- app/about/me/content.mdx | 79 --------------------------------------- app/about/me/page.tsx | 41 -------------------- app/about/me/software.mdx | 10 ----- app/layout.tsx | 16 +++----- mdx-components.tsx | 12 ------ next.config.js | 19 +--------- package.json | 4 -- 7 files changed, 8 insertions(+), 173 deletions(-) delete mode 100644 app/about/me/content.mdx delete mode 100644 app/about/me/page.tsx delete mode 100644 app/about/me/software.mdx delete mode 100644 mdx-components.tsx diff --git a/app/about/me/content.mdx b/app/about/me/content.mdx deleted file mode 100644 index 0d0c3ca..0000000 --- a/app/about/me/content.mdx +++ /dev/null @@ -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 diff --git a/app/about/me/page.tsx b/app/about/me/page.tsx deleted file mode 100644 index 62bc58c..0000000 --- a/app/about/me/page.tsx +++ /dev/null @@ -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 ( -
-

This page is also coming soon!

- {/*

So, who is Mikayla Dobson?

- -
- - -
- - {selected === 'developer' && ( -
-

- I have been writing software for about three years, and have produced valuable work for several - companies working in a variety of paradigms. -

- -

Here are some traits that my supervisors have consistently praised:

-
- )} - - {selected === 'musician' && ( -
-

Musician

-

- I am a musician with a passion for creating beautiful, functional, and accessible music. - I have experience with the piano, guitar, and more. -

-
- )} */} -
- ) -} diff --git a/app/about/me/software.mdx b/app/about/me/software.mdx deleted file mode 100644 index c6fb8b6..0000000 --- a/app/about/me/software.mdx +++ /dev/null @@ -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: - - diff --git a/app/layout.tsx b/app/layout.tsx index c7a97df..375bf28 100644 --- a/app/layout.tsx +++ b/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 }) - -
-
- -
- +
+
+ +
diff --git a/mdx-components.tsx b/mdx-components.tsx deleted file mode 100644 index 77f0053..0000000 --- a/mdx-components.tsx +++ /dev/null @@ -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 }) =>

{children}

, - ...components, - } -} diff --git a/next.config.js b/next.config.js index 8d1205f..5ccd269 100644 --- a/next.config.js +++ b/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; diff --git a/package.json b/package.json index 28c4b45..01c85b2 100644 --- a/package.json +++ b/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"