Merge pull request #316 from zackproser/make-about-the-homepage

Replace homepage with about page. Add permanent redirect
zackproser · Feb 2, 2024 · e9588c7 · e9588c7
2 parents d6238d5 + dc6233c
commit e9588c7
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 161 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -15,7 +15,16 @@ const nextConfig = {
       'zackproser.com',
       'www.zackproser.com'
     ],
-  }
+  },
+  async redirects() {
+    return [
+      {
+        source: '/about',
+        destination: '/',
+        permanent: true,
+      },
+    ]
+  },
 }
 
 const withMDX = nextMDX({

diff --git a/src/app/about/page.jsx → src/app/page.jsx b/src/app/about/page.jsx → src/app/page.jsx
diff --git a/src/app/page.tsx b/src/app/page.tsx
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -28,14 +28,14 @@ export function Footer() {
             <div className="flex flex-col items-center justify-between gap-6 sm:flex-row">
               <div className="flex flex-col sm:flex-row gap-6 text-xl font-medium text-zinc-800 dark:text-zinc-200">
                 <div className="flex flex-col md:flex-row gap-2 md:gap-6">
-                  <NavLink href="/about">About</NavLink>
                   <NavLink href="/blog">Blog</NavLink>
                   <NavLink href="/videos">Videos</NavLink>
                 </div>
                 <div className="flex flex-col md:flex-row gap-2 md:gap-6">
                   <NavLink href="/projects">Projects</NavLink>
                   <NavLink href="/testimonials">Testimonials</NavLink>
                   <NavLink href="/contact">Contact</NavLink>
+                  <NavLink href="https://changelog.zackproser.com">Changelog</NavLink>
                 </div>
               </div>
               <p className="text-sm text-zinc-400 dark:text-zinc-500">

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -133,13 +133,13 @@ function MobileNavigation(
             </div>
             <nav className="mt-6">
               <ul className="-my-2 divide-y divide-zinc-100 text-base text-zinc-800 dark:divide-zinc-100/5 dark:text-zinc-300">
-                <MobileNavItem href="/about">About</MobileNavItem>
                 <MobileNavItem href="/blog">Blog</MobileNavItem>
                 <MobileNavItem href="/videos">Videos</MobileNavItem>
                 <MobileNavItem href="/projects">Projects</MobileNavItem>
                 <MobileNavItem href="/testimonials">Testimonials</MobileNavItem>
                 <MobileNavItem href="/contact">Contact</MobileNavItem>
                 <SparkleNavItem href="/learn" title="Learn">Learn</SparkleNavItem>
+                <MobileNavItem href="https://changelog.zackproser.com">Changelog</MobileNavItem>
               </ul>
             </nav>
           </Popover.Panel>
@@ -182,13 +182,13 @@ function DesktopNavigation(props: React.ComponentPropsWithoutRef<'nav'>) {
   return (
     <nav {...props}>
       <ul className="flex rounded-full bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
-        <NavItem href="/about">About</NavItem>
         <NavItem href="/blog">Blog</NavItem>
         <NavItem href="/videos">Videos</NavItem>
         <NavItem href="/projects">Projects</NavItem>
         <NavItem href="/testimonials">Testimonials</NavItem>
         <NavItem href="/contact">Contact</NavItem>
         <SparkleNavItem href="/learn" title="Learn">Learn</SparkleNavItem>
+        <NavItem href="https://changelog.zackproser.com">Changelog</NavItem>
       </ul>
     </nav>
   )