diff --git a/components/quick-links.tsx b/components/quick-links.tsx
index 71cf15d..df951bc 100644
--- a/components/quick-links.tsx
+++ b/components/quick-links.tsx
@@ -2,23 +2,23 @@ import Link from 'next/link';
 import Pages from '../public/external.json';
 
 function QuickLinks() {
-    return (
-        <div className='block'>
-            {
-                Object.entries(Pages).map(([title, link], i) => {
-                    const extern = link.match(/^http/) && `blue extern` || '';
-                    return (
-                        <Link
-                            key={i}
-                            href={link}
-                            className={`${extern} link button`}>
-                            {title}
-                        </Link>
-                    );
-                })
-            }
-        </div>
-    );
+	return (
+		<div className='block'>
+			{
+				Object.entries(Pages).map(([title, link]) => {
+					const extern = link.match(/^http/) && `blue extern` || '';
+					return (
+						<Link
+							key={link}
+							href={link}
+							className={`${extern} link button`}>
+							{title}
+						</Link>
+					);
+				})
+			}
+		</div>
+	);
 }
 
 export default QuickLinks;
diff --git a/components/recent-notes.tsx b/components/recent-notes.tsx
index 26b09b4..b61a2e1 100644
--- a/components/recent-notes.tsx
+++ b/components/recent-notes.tsx
@@ -22,7 +22,7 @@ function RecentNotes() {
             {notes?.slice(0, 5)
                 .map(({slug, title, mtime}) => {
                     return (
-                        <li key={mtime.getTime()} >
+                        <li key={slug} >
                             <Link href={`/notes/${slug}`}>{title}</Link>
                         </li>
                     );
diff --git a/components/recent-posts.tsx b/components/recent-posts.tsx
index 9f8a9b3..f070840 100644
--- a/components/recent-posts.tsx
+++ b/components/recent-posts.tsx
@@ -4,47 +4,47 @@ import style from '../styles/recent-posts.module.css';
 import PostsInfo from '../public/posts.json';
 
 function PostBlock({ slug, otime, title }: { slug: string, otime: string, title: string }) {
-    return (
-        <div className={style.block}>
-            <span className={style.postDate}>
-                {toRelativeDate(new Date(otime))}
-            </span>
-            <div className={style.postTitle}>
-                <Link href={`/posts/${slug}`}>
-                    {title}
-                </Link>
-            </div>
-        </div>
-    );
+	return (
+		<div className={style.block}>
+			<span className={style.postDate}>
+				{toRelativeDate(new Date(otime))}
+			</span>
+			<div className={style.postTitle}>
+				<Link href={`/posts/${slug}`}>
+					{title}
+				</Link>
+			</div>
+		</div>
+	);
 }
 
 function RecentPosts() {
-    const posts = Object.entries(PostsInfo).reverse();
-    if (!posts.length)
-        return <></>;
-    return (
-        <div className='block'>
-            <h2>Recent Posts</h2>
-            <div className={style.container}>
-                {posts?.slice(0, 10)
-                    .map(([slug, post]: any, i: number) => {
-                        return (
-                            <PostBlock
-                                key={i}
-                                slug={slug}
-                                title={post.title}
-                                otime={post.otime} />
-                        );
-                    })}
-            </div>
-            {
-                posts.length > 10 &&
-                <div className={style.more}>
-                    <Link href='/posts' >More...</Link>
-                </div>
-            }
-        </div>
-    );
+	const posts = Object.entries(PostsInfo).reverse();
+	if (!posts.length)
+		return <></>;
+	return (
+		<div className='block'>
+			<h2>Recent Posts</h2>
+			<div className={style.container}>
+				{posts?.slice(0, 10)
+					.map(([slug, post]: any, i: number) => {
+						return (
+							<PostBlock
+								key={slug}
+								slug={slug}
+								title={post.title}
+								otime={post.otime} />
+						);
+					})}
+			</div>
+			{
+				posts.length > 10 &&
+				<div className={style.more}>
+					<Link href='/posts' >More...</Link>
+				</div>
+			}
+		</div>
+	);
 }
 
 export default RecentPosts;
diff --git a/components/title.tsx b/components/title.tsx
index 5114181..9887cdc 100644
--- a/components/title.tsx
+++ b/components/title.tsx
@@ -12,7 +12,7 @@ function createPathElements(ancestors: Array<{ name: string, path: string }>) {
         currentPath += `/${ancestor.path}`
         return (
             <>
-                <Link key={id + 1} href={currentPath}>{ancestor.name}</Link>
+                <Link key={currentPath} href={currentPath}>{ancestor.name}</Link>
                 <> / </>
             </>
         );
diff --git a/pages/index.tsx b/pages/index.tsx
index 272035c..39204a2 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -7,28 +7,28 @@ import RecentPosts from '../components/recent-posts';
 import RootInfo from '../public/home.json';
 
 function Nav() {
-    const nav = Object.entries(RootInfo);
-    return (
-        <div className='block'>
-            <h2>Navigation</h2>
-            {
-                nav.map(([slug, info], i) => {
-                    return <Link key={i} href={slug} className='button green'>{info.title}</Link>
-                })
-            }
-        </div>
-    )
+	const nav = Object.entries(RootInfo);
+	return (
+		<div className='block'>
+			<h2>Navigation</h2>
+			{
+				nav.map(([slug, info]) => {
+					return <Link key={slug} href={slug} className='button green'>{info.title}</Link>
+				})
+			}
+		</div>
+	)
 }
 
 function HomePage() {
-    return (
-        <Layout>
-            <QuickLinks />
-            <RecentPosts />
-            <RecentNotes />
-            <Nav />
-        </Layout>
-    )
+	return (
+		<Layout>
+			<QuickLinks />
+			<RecentPosts />
+			<RecentNotes />
+			<Nav />
+		</Layout>
+	)
 }
 
 export default HomePage;
diff --git a/pages/notes/index.tsx b/pages/notes/index.tsx
index e8609bf..1cee385 100644
--- a/pages/notes/index.tsx
+++ b/pages/notes/index.tsx
@@ -43,8 +43,8 @@ function NotesPage() {
                 || <table>
                     <tbody>
                         {notes.map(
-                            (note: any, i: number) => {
-                                return (<NoteEntry note={note} key={i} />);
+                            (note: any) => {
+                                return (<NoteEntry note={note} key={note.slug} />);
                             }
                         )}
                     </tbody>
diff --git a/pages/posts/index.tsx b/pages/posts/index.tsx
index fbae0cc..82365bd 100644
--- a/pages/posts/index.tsx
+++ b/pages/posts/index.tsx
@@ -26,8 +26,8 @@ function Posts() {
             <table>
                 <tbody>
                     {
-                        posts.map(([slug, post]: any, i: number) => {
-                            return <tr key={i} style={{ alignItems: 'center' }}>
+                        posts.map(([slug, post]: [string, any]) => {
+                            return <tr key={slug} style={{ alignItems: 'center' }}>
                                 <td style={{ display: 'inline-block', textAlign: 'right', fontSize: '0.9rem' }}>
                                     <div style={{ fontStyle: 'italics', fontSize: '.8rem' }}>{
                                         post.mtime && (post.mtime != post.otime) && `Updated ${date.toRelativeDate(new Date(post.mtime))}`