this repo has no description
www.baileykane.co/
Add metadata images
+66
+33
app/apple-icon.tsx
+33
app/apple-icon.tsx
···
1
+
import { ImageResponse } from "next/og";
2
+
3
+
export const size = {
4
+
width: 32,
5
+
height: 32,
6
+
};
7
+
export const contentType = "image/png";
8
+
9
+
export default function Icon() {
10
+
return new ImageResponse(
11
+
(
12
+
<div
13
+
style={{
14
+
fontSize: 24,
15
+
background: "black",
16
+
width: "100%",
17
+
height: "100%",
18
+
display: "flex",
19
+
alignItems: "center",
20
+
justifyContent: "center",
21
+
color: "white",
22
+
}}
23
+
>
24
+
🅱️
25
+
</div>
26
+
),
27
+
{
28
+
// For convenience, we can re-use the exported icons size metadata
29
+
// config to also set the ImageResponse's width and height.
30
+
...size,
31
+
}
32
+
);
33
+
}
app/favicon.ico
app/favicon.ico
This is a binary file and will not be displayed.
+33
app/icon.tsx
+33
app/icon.tsx
···
1
+
import { ImageResponse } from "next/og";
2
+
3
+
export const size = {
4
+
width: 32,
5
+
height: 32,
6
+
};
7
+
export const contentType = "image/png";
8
+
9
+
export default function Icon() {
10
+
return new ImageResponse(
11
+
(
12
+
<div
13
+
style={{
14
+
fontSize: 24,
15
+
background: "black",
16
+
width: "100%",
17
+
height: "100%",
18
+
display: "flex",
19
+
alignItems: "center",
20
+
justifyContent: "center",
21
+
color: "white",
22
+
}}
23
+
>
24
+
🅱️
25
+
</div>
26
+
),
27
+
{
28
+
// For convenience, we can re-use the exported icons size metadata
29
+
// config to also set the ImageResponse's width and height.
30
+
...size,
31
+
}
32
+
);
33
+
}