e.xyehr.cn
forked from
standard.site/standard.site
Standard.site landing page built in Next.js
Add documentation link to main navigation
aka.dad
+16
-1
app/components/Sidebar.tsx
+16
-1
app/components/Sidebar.tsx
···
1
'use client'
2
3
import { useEffect, useState } from 'react'
4
import { AnimateIn, StandardSiteLogo } from '@/app/components'
5
-
import { EXTERNAL_LINKS, NAV_ITEMS } from '@/app/data/content'
6
import { scrollToElement } from '@/app/lib/scroll'
7
import { ArrowUpRightIcon } from 'lucide-react'
8
···
80
>
81
{ item.label }
82
</a>
83
)) }
84
</nav>
85
···
1
'use client'
2
3
import { useEffect, useState } from 'react'
4
+
import Link from 'next/link'
5
import { AnimateIn, StandardSiteLogo } from '@/app/components'
6
+
import {EXTERNAL_LINKS, NAV_ITEMS, SECONDARY_NAV_ITEMS} from '@/app/data/content'
7
import { scrollToElement } from '@/app/lib/scroll'
8
import { ArrowUpRightIcon } from 'lucide-react'
9
···
81
>
82
{ item.label }
83
</a>
84
+
)) }
85
+
</nav>
86
+
87
+
<div className="h-px w-full bg-border" />
88
+
89
+
<nav className="flex flex-col gap-2">
90
+
{ SECONDARY_NAV_ITEMS.map((item) => (
91
+
<Link
92
+
key={ item.label }
93
+
href={ item.href }
94
+
className="font-medium text-base tracking-tight text-muted-content hover:text-base-content transition-colors"
95
+
>
96
+
{ item.label }
97
+
</Link>
98
)) }
99
</nav>
100
+4
app/data/content.ts
+4
app/data/content.ts
···
6
{ label: 'Questions', href: '#questions' },
7
]
8
9
+
export const SECONDARY_NAV_ITEMS = [
10
+
{ label: 'Documentation', href: '/docs/introduction' },
11
+
]
12
+
13
export const EXTERNAL_LINKS = [
14
{ label: 'bsky.app', href: 'https://bsky.app/profile/standard.site' },
15
{ label: 'tangled.org', href: 'https://tangled.org/standard.site' },