Merge branch 'pr/1'

Author: theoffbeatdoc

.gitignore

@@ -26,6 +26,7 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+yarn.lock
 
 # local env files
 .env

components/NotionPage.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react'
 import dynamic from 'next/dynamic'
 import Image from 'next/image'
-import Link from 'next/link'
+//import Link from 'next/link'
 import { useRouter } from 'next/router'
 
 import cs from 'classnames'
 import { PageBlock } from 'notion-types'
-import { formatDate, getBlockTitle, getPageProperty } from 'notion-utils'
+//import { formatDate, getBlockTitle, getPageProperty } from 'notion-utils'
 import BodyClassName from 'react-body-classname'
 import { NotionRenderer } from 'react-notion-x'
 import TweetEmbed from 'react-tweet-embed'
@@ -19,13 +19,15 @@ import { getCanonicalPageUrl, mapPageUrl } from '@/lib/map-page-url'
 import { searchNotion } from '@/lib/search-notion'
 import { useDarkMode } from '@/lib/use-dark-mode'
 
-import { Footer } from './Footer'
-import { GitHubShareButton } from './GitHubShareButton'
+// components
 import { Loading } from './Loading'
-import { NotionPageHeader } from './NotionPageHeader'
 import { Page404 } from './Page404'
-import { PageAside } from './PageAside'
 import { PageHead } from './PageHead'
+// import { PageAside } from './PageAside'
+import { Footer } from './Footer'
+import { NotionPageHeader } from './NotionPageHeader'
+// import { GitHubShareButton } from './GitHubShareButton'
+
 import styles from './styles.module.css'
 
 // -----------------------------------------------------------------------------
@@ -151,6 +153,21 @@ export const NotionPage: React.FC<types.PageProps> = ({
   const router = useRouter()
   const lite = useSearchParam('lite')
 
+  React.useEffect(() => {
+    const intro = document.getElementsByClassName(
+      'notion-block-e2937a32ee344038bc1fb55c74a22d8f'
+    )
+    if (intro && intro.length > 0) intro[0].id = 'link-intro'
+    const careers = document.getElementsByClassName(
+      'notion-block-85f68c0cbfd44be5a0d85a3137a673de'
+    )
+    if (careers && careers.length > 0) careers[0].id = 'link-careers'
+    const projects = document.getElementsByClassName(
+      'notion-block-781d9405d3494e808dcdfc106dc8e46d'
+    )
+    if (projects && projects.length > 0) projects[0].id = 'link-projects'
+  }, [])
+
   const components = React.useMemo(
     () => ({
       nextImage: Image,
@@ -193,12 +210,12 @@ export const NotionPage: React.FC<types.PageProps> = ({
   const showTableOfContents = !!isBlogPost
   const minTableOfContentsItems = 3
 
-  const pageAside = React.useMemo(
-    () => (
-      <PageAside block={block} recordMap={recordMap} isBlogPost={isBlogPost} />
-    ),
-    [block, recordMap, isBlogPost]
-  )
+  // const pageAside = React.useMemo(
+  //   () => (
+  //     <PageAside block={block} recordMap={recordMap} isBlogPost={isBlogPost} />
+  //   ),
+  //   [block, recordMap, isBlogPost]
+  // )
 
   const footer = React.useMemo(() => <Footer />, [])
 
@@ -277,11 +294,11 @@ export const NotionPage: React.FC<types.PageProps> = ({
         mapPageUrl={siteMapPageUrl}
         mapImageUrl={mapImageUrl}
         searchNotion={config.isSearchEnabled ? searchNotion : null}
-        pageAside={pageAside}
+        // pageAside={pageAside}
         footer={footer}
       />
 
-      <GitHubShareButton />
+      {/* <GitHubShareButton /> */}
     </>
   )
 }

components/NotionPageHeader.tsx

@@ -10,6 +10,7 @@ import { isSearchEnabled, navigationLinks, navigationStyle } from '@/lib/config'
 import { useDarkMode } from '@/lib/use-dark-mode'
 
 import styles from './styles.module.css'
+import Link from 'next/link'
 
 const ToggleThemeButton = () => {
   const [hasMounted, setHasMounted] = React.useState(false)
@@ -50,7 +51,7 @@ export const NotionPageHeader: React.FC<{
         <div className='notion-nav-header-rhs breadcrumbs'>
           {navigationLinks
             ?.map((link, index) => {
-              if (!link.pageId && !link.url) {
+              if (!link.pageId && !link.url && !link.id) {
                 return null
               }
 
@@ -64,7 +65,7 @@ export const NotionPageHeader: React.FC<{
                     {link.title}
                   </components.PageLink>
                 )
-              } else {
+              } else if (link.url) {
                 return (
                   <components.Link
                     href={link.url}
@@ -74,6 +75,17 @@ export const NotionPageHeader: React.FC<{
                     {link.title}
                   </components.Link>
                 )
+              } else {
+                return (
+                  <span
+                    style={{ padding: 8 }}
+                    className={cs(styles.navLink, 'breadcrumb', 'button')}
+                  >
+                    <Link href={link.id} key={index} scroll={true}>
+                      {link.title}
+                    </Link>
+                  </span>
+                )
               }
             })
             .filter(Boolean)}

components/styles.module.css

@@ -45,6 +45,7 @@
 
 .footer {
   width: 100%;
+  height: 200px;
   max-width: 1100px;
   margin: auto auto 0;
   padding: 8px;

lib/site-config.ts

@@ -39,6 +39,7 @@ export interface NavigationLink {
   title: string
   pageId?: string
   url?: string
+  id?: string
 }
 
 export const siteConfig = (config: SiteConfig): SiteConfig => {

pages/_document.tsx

@@ -7,7 +7,7 @@ export default class MyDocument extends Document {
   render() {
     return (
       <IconContext.Provider value={{ style: { verticalAlign: 'middle' } }}>
-        <Html lang='en'>
+        <Html lang='ko' style={{ scrollBehavior: 'smooth' }}>
           <Head>
             <link rel='shortcut icon' href='/favicon.ico' />
             <link

site.config.ts

@@ -2,25 +2,27 @@ import { siteConfig } from './lib/site-config'
 
 export default siteConfig({
   // the site's root Notion page (required)
-  rootNotionPageId: '7875426197cf461698809def95960ebf',
+  rootNotionPageId: '23932f24c7ea4071af83cd62f587b305',
 
   // if you want to restrict pages to a single notion workspace (optional)
   // (this should be a Notion ID; see the docs for how to extract this)
   rootNotionSpaceId: null,
 
   // basic site info (required)
-  name: 'Next.js Notion Starter Kit',
-  domain: 'nextjs-notion-starter-kit.transitivebullsh.it',
-  author: 'Travis Fischer',
+  name: '소프트웨어 엔지니어, 한창완',
+  domain: 'about.1c1.dev',
+  author: '1chang1',
 
   // open graph metadata (optional)
-  description: 'Example Next.js Notion Starter Kit Site',
+  description: 'Software Engineer, 한창완의 이력서',
 
   // social usernames (optional)
+
   twitter: 'transitive_bs',
   github: 'transitive-bullshit',
   linkedin: 'fisch2',
   // mastodon: '#', // optional mastodon profile URL, provides link verification
+
   // newsletter: '#', // optional newsletter URL
   // youtube: '#', // optional youtube channel name or `channel/UCGbXXXXXXXXXXXXXXXXXXXXXX`
 
@@ -46,20 +48,38 @@ export default siteConfig({
   //   '/foo': '067dd719a912471ea9a3ac10710e7fdf',
   //   '/bar': '0be6efce9daf42688f65c76b89f8eb27'
   // }
-  pageUrlOverrides: null,
+  pageUrlOverrides: {
+    '/careers-p2achai': '7a39a94e4e104d04ab14385f244e5613',
+    '/careers-teamluckly': 'SW-12-6c60cc7c9b064bab9963598a1da21805',
+    '/careers-teamrare': 'SW-12-93c0e513e98048209b20b117210959e4',
+    '/careers-rokaf': '15-8cfb950730264881a2e90576617db4a6',
+    '/careers-ajou': '0ddbb2fb30814fbdb1d6156f64839ca9',
+    '/projects-teft': 'Teft-3796aad2db414f82a85569be93247268',
+    '/projects-ojjam': 'f0f7beabb162475583cfe432179ae4a1',
+    '/projects-mytypetest': 'd4dbb5d3300140e9a947598d11a4c07e',
+    '/projects-stady': 'STADY-84595d1b794745baaa8fd2c79ad49ecf',
+    '/projects-routelog': 'RouteLog-10d1892dc4c848dc998cc989a68bc2d9',
+    '/projects-traffin': 'TRAFFIN-24971d0c6a8e470e8d05ac7ed12327d4',
+    '/projects-hyowonlife': '750da52c857648978e315f5d11c00daf',
+    '/projects-tothesky': 'toTheSky-1b33457e15fa4ba3851eb685f2edbfac'
+  },
 
   // whether to use the default notion navigation style or a custom one with links to
   // important pages
-  navigationStyle: 'default'
-  // navigationStyle: 'custom',
-  // navigationLinks: [
-  //   {
-  //     title: 'About',
-  //     pageId: 'f1199d37579b41cbabfc0b5174f4256a'
-  //   },
-  //   {
-  //     title: 'Contact',
-  //     pageId: '6a29ebcb935a4f0689fe661ab5f3b8d1'
-  //   }
-  // ]
+  // navigationStyle: 'default',
+  navigationStyle: 'custom',
+  navigationLinks: [
+    {
+      title: 'Intro',
+      id: '#link-intro'
+    },
+    {
+      title: 'Careers',
+      id: '#link-careers'
+    },
+    {
+      title: 'Projects',
+      id: '#link-projects'
+    }
+  ]
 })