add og images

This commit is contained in:
KM Koushik
2025-09-06 21:29:39 +10:00
parent 01f6e36b8b
commit ef76711fe0
5 changed files with 39 additions and 17 deletions

View File

@@ -10,11 +10,12 @@
"lint": "eslint . --max-warnings 0"
},
"dependencies": {
"@usesend/email-editor": "workspace:*",
"@usesend/ui": "workspace:*",
"iconoir-react": "^7.11.0",
"next": "^15.3.1",
"react": "19.1.0",
"react-dom": "19.1.0",
"@usesend/ui": "workspace:*",
"@usesend/email-editor": "workspace:*"
"react-dom": "19.1.0"
},
"devDependencies": {
"@next/eslint-plugin-next": "^15.3.1",

View File

@@ -17,22 +17,21 @@ const jetbrainsMono = JetBrains_Mono({
export const metadata: Metadata = {
title: "useSend Open source email platform",
description:
"Open source email platform for everyone: SMTP, API, editor, analytics.",
description: "Pay only for what you send, not for storing contacts",
icons: [{ rel: "icon", url: "/favicon.ico" }],
metadataBase: new URL("https://usesend.com"),
openGraph: {
title: "useSend Open source email platform",
description:
"Open source email platform for everyone: SMTP, API, editor, analytics.",
description: "Pay only for what you send, not for storing contacts",
url: "https://usesend.com",
siteName: "useSend",
images: [
{
url: "/logo-squircle.png",
width: 512,
height: 512,
alt: "useSend",
url: "https://uploads.usesend.com/logos/og.png",
width: 1200,
height: 630,
alt: "useSend Open source email platform",
type: "image/png",
},
],
locale: "en_US",
@@ -41,9 +40,15 @@ export const metadata: Metadata = {
twitter: {
card: "summary_large_image",
title: "useSend Open source email platform",
description:
"Open source email platform for everyone: SMTP, API, editor, analytics.",
images: ["/logo-squircle.png"],
description: "Pay only for what you send, not for storing contacts",
images: ["https://uploads.usesend.com/logos/og.png"],
},
robots: {
index: true,
follow: true,
},
alternates: {
canonical: "https://usesend.com",
},
};
@@ -53,7 +58,11 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="en" suppressHydrationWarning className="scroll-smooth bg-background">
<html
lang="en"
suppressHydrationWarning
className="scroll-smooth bg-background"
>
<body
className={`font-mono ${inter.variable} ${jetbrainsMono.variable} bg-background`}
>

View File

@@ -7,6 +7,7 @@ export function FeatureCardPlain({
title?: string;
content?: string;
}) {
return (
<div className="rounded-[18px] bg-primary/20 p-1">
<div className="h-full rounded-[14px] bg-primary/20 p-0.5 shadow-sm">

View File

@@ -42,8 +42,8 @@ function Slider({
}, [dragging]);
return (
<div className="flex items-center gap-3">
<div className="w-40 sm:w-56 md:w-72 shrink-0">
<div className="flex flex-col sm:flex-row gap-3 sm:items-center">
<div className="w-full sm:w-56 md:w-72 shrink-0">
<label htmlFor={id} className="text-sm font-medium block">
{label}
</label>

11
pnpm-lock.yaml generated
View File

@@ -36,6 +36,9 @@ importers:
'@usesend/ui':
specifier: workspace:*
version: link:../../packages/ui
iconoir-react:
specifier: ^7.11.0
version: 7.11.0(react@19.1.0)
next:
specifier: ^15.3.1
version: 15.3.1(@babel/core@7.26.10)(react-dom@19.1.0)(react@19.1.0)
@@ -11745,6 +11748,14 @@ packages:
- supports-color
dev: true
/iconoir-react@7.11.0(react@19.1.0):
resolution: {integrity: sha512-uvTKtnHYwbbTsmQ6HCcliYd50WK0GbjP497RwdISxKzfS01x4cK1Mn/F2mT/t2roSaJQ0I+KnHxMcyvmNMXWsQ==}
peerDependencies:
react: 18 || 19
dependencies:
react: 19.1.0
dev: false
/iconv-lite@0.4.24:
resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
engines: {node: '>=0.10.0'}