๐Ÿ“ฆ cloudflare / vinext

๐Ÿ“„ byline.tsx ยท 37 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37import { Boundary } from '#/ui/boundary';

export default function Byline() {
  return (
    <Boundary kind="solid" animateRerendering={false}>
      <div className="flex gap-4 text-sm font-medium text-gray-600">
        <a
          className="transition-colors hover:text-gray-200"
          href="https://github.com/cloudflare/vinext/tree/main/examples/app-router-playground"
          target="_blank"
          rel="noreferrer"
        >
          Source code
        </a>
        <span className="text-gray-800">/</span>
        <a
          className="transition-colors hover:text-gray-200"
          href="https://nextjs.org/docs"
          target="_blank"
          rel="noreferrer"
        >
          Docs
        </a>
        <span className="text-gray-800">/</span>
        <a
          className="flex items-center gap-2 transition-colors hover:text-gray-200"
          href="https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/vinext/tree/main/examples/app-router-playground"
          target="_blank"
          rel="noreferrer"
        >
          Deploy to Cloudflare
        </a>
      </div>
    </Boundary>
  );
}