diff --git a/README.md b/README.md index 727d481..c546a66 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,9 @@ This is my personal website's repository! Hopefully you're here because you like I built my website using Next.js and Tailwind CSS. +## Getting Started +Run `npm i` to install packages. Then `npm run dev` to run the site locally in dev mode. + ### Past Stuff #### Netlify CMS diff --git a/app/about/page.js b/app/about/page.js new file mode 100644 index 0000000..35ac7d6 --- /dev/null +++ b/app/about/page.js @@ -0,0 +1,17 @@ +import { getMDXComponent } from 'mdx-bundler/client'; + +import { Components as MDXComponents } from '@components/mdx/components'; + +import { GetAboutMDX } from '@utils/mdxUtils'; + +export default async function Page() { + const { code } = await GetAboutMDX('about'); + const Component = getMDXComponent(code); + + return ( +
+ About me + +
+ ); +} diff --git a/app/error.js b/app/error.js new file mode 100644 index 0000000..3687869 --- /dev/null +++ b/app/error.js @@ -0,0 +1,7 @@ +'use client'; + +import NotFound from '@components/notFound'; + +export default function Error() { + return ; +} diff --git a/app/layout.js b/app/layout.js new file mode 100644 index 0000000..5974bd9 --- /dev/null +++ b/app/layout.js @@ -0,0 +1,26 @@ +import Navbar from '@components/navbar'; +import Footer from '@components/footer'; + +import NavbarButtons from '@config/navbarButtons.config'; + +import './styles/globals.css'; + +export const metadata = { + title: { + default: 'Samuel Ping', + template: '%s | Sam Ping', + }, + description: 'Welcome to Next.js', +}; + +export default function RootLayout({ children }) { + return ( + + + +
{children}
+