mib

irsyadadl · Aug 20, 2024 · eb6baa7 · eb6baa7
1 parent e216625
commit eb6baa7
Show file tree

Hide file tree

Showing 15 changed files with 342 additions and 61 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
-## Just D.
+## Justd
 
 ![OG](https://getjustd.com/opengraph-image.png?v=1)
-Just D. is a chill set of React components, built on top of [React Aria Components](https://react-spectrum.adobe.com/react-aria/getting-started.html?ref=getjustd.com), all about keeping the web accessible. Easy to customize and just copy & paste into your React projects. Plus, it includes Tailwind CSS for sleek styling right out of the box.
+Justd is a chill set of React components, built on top of [React Aria Components](https://react-spectrum.adobe.com/react-aria/getting-started.html?ref=getjustd.com), all about keeping the web accessible. Easy to customize and just copy & paste into your React projects. Plus, it includes Tailwind CSS for sleek styling right out of the box.
 
 
 ## Documentation

diff --git a/app/(app)/colors/page.tsx b/app/(app)/colors/page.tsx
@@ -6,7 +6,7 @@ import { siteConfig } from "@/resources/config/site"
 import type { Metadata } from "next"
 
 export const metadata: Metadata = {
-  title: "Colors / " + siteConfig.name,
+  title: "Colors",
   description:
     "A stash of over 154 colors blending TailwindCSS vibes with HTML color names, served up in 8 slick formats.",
   metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL ?? siteConfig.url),
@@ -17,7 +17,60 @@ export const metadata: Metadata = {
     title: "Colors / " + siteConfig.name,
     description:
       "A stash of over 154 colors blending TailwindCSS vibes with HTML color names, served up in 8 slick formats."
-  }
+  },
+  openGraph: {
+    title: "Colors / " + siteConfig.name,
+    images: [
+      {
+        url: "https://getjustd.com/colors/opengraph-image.png?v=1",
+        width: 1200,
+        height: 630,
+        alt: "Justd Colors"
+      }
+    ],
+    description:
+      "A stash of over 154 colors blending TailwindCSS vibes with HTML color names, served up in 8 slick formats.",
+    url: "https://getjustd.com/colors",
+    type: "website"
+  },
+  keywords: [
+    "Colors",
+    "Tailwind CSS",
+    "UI Components",
+    "UI Kit",
+    "UI Library",
+    "UI Framework",
+    "Justd",
+    "React Aria",
+    "React Aria Components",
+    "Server Components",
+    "React Components",
+    "Next UI Components",
+    "UI Design System",
+    "UI for Laravel Inertia",
+    "Laravel Inertia UI",
+    "Laravel Inertia Components",
+    "Laravel Inertia UI Components",
+    "Laravel Inertia UI Kit",
+    "Laravel Inertia UI Library",
+    "Laravel Inertia UI Framework",
+    "Laravel Inertia Justd",
+    "Laravel Justd",
+    "Justd Components",
+    "Justd UI Components",
+    "Justd UI Kit",
+    "Justd UI Library",
+    "Justd UI Framework",
+    "Justd Laravel Inertia",
+    "Justd Laravel",
+    "Justd Inertia"
+  ],
+  authors: [
+    {
+      name: "irsyadadl",
+      url: "https://x.com/irsyadadl"
+    }
+  ]
 }
 
 export default async function Page() {

diff --git a/app/(app)/components/page.tsx b/app/(app)/components/page.tsx
@@ -12,7 +12,56 @@ export const metadata: Metadata = {
   description:
     "Over 50 accessible components, neatly grouped into sections. Guaranteed usability for all!",
   metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL ?? siteConfig.url),
-  applicationName: siteConfig.name
+  applicationName: siteConfig.name,
+  openGraph: {
+    title: "Components / " + siteConfig.name,
+    description:
+      "Over 50 accessible components, neatly grouped into sections. Guaranteed usability for all!",
+    url: "https://getjustd.com/components",
+    type: "website",
+    images: [
+      {
+        url: "https://getjustd.com/components/opengraph-image.png?v=1",
+        width: 1200,
+        height: 630,
+        alt: "Justd Components"
+      }
+    ]
+  },
+  keywords: [
+    "Components",
+    "Justd Components",
+    "Tailwind CSS",
+    "UI Components",
+    "UI Kit",
+    "UI Library",
+    "UI Framework",
+    "Justd",
+    "Next.js 15",
+    "React Aria",
+    "React Aria Components",
+    "Server Components",
+    "React Components",
+    "Next UI Components",
+    "UI Design System",
+    "UI for Laravel Inertia",
+    "Laravel Inertia UI",
+    "Laravel Inertia Components",
+    "Laravel Inertia UI Components",
+    "Laravel Inertia UI Kit",
+    "Laravel Inertia UI Library",
+    "Laravel Inertia UI Framework",
+    "Laravel Inertia Justd",
+    "Laravel Justd",
+    "Justd Components",
+    "Justd UI Components",
+    "Justd UI Kit",
+    "Justd UI Library",
+    "Justd UI Framework",
+    "Justd Laravel Inertia",
+    "Justd Laravel",
+    "Justd Inertia"
+  ]
 }
 
 export default function Page() {

diff --git a/app/(app)/docs/[...slug]/page.tsx b/app/(app)/docs/[...slug]/page.tsx
@@ -42,6 +42,12 @@ export async function generateMetadata({ params }: DocPageProps): Promise<Metada
       title: `${doc.title} / ${siteConfig.name}`,
       description: doc.description
     },
+    openGraph: {
+      title: `${doc.title} / ${siteConfig.name}`,
+      description: doc.description,
+      url: `https://getjustd.com/docs/${doc.slugAsParams}`,
+      type: "article"
+    },
     keywords: [
       `${doc.title}`,
       `${doc.title} components`,

diff --git a/app/(app)/icons/page.tsx b/app/(app)/icons/page.tsx
@@ -9,11 +9,65 @@ import type { SearchParamsProps } from "./partials/icons-list"
 import { IconsList } from "./partials/icons-list"
 
 export const metadata: Metadata = {
-  title: "Justd Icons / " + siteConfig.name,
+  title: "Justd Icons",
   description:
     " A library of beautifully crafted react icons, perfect for enhancing the visual appeal and user experience of your web applications. ",
   metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL ?? siteConfig.url),
-  applicationName: siteConfig.name
+  applicationName: siteConfig.name,
+  openGraph: {
+    title: "Justd Icons / " + siteConfig.name,
+    images: [
+      {
+        url: "https://getjustd.com/icons/opengraph-image.png?v=1",
+        width: 1200,
+        height: 630,
+        alt: "Justd Icons"
+      }
+    ],
+    description:
+      " A library of beautifully crafted react icons, perfect for enhancing the visual appeal and user experience of your web applications. ",
+    url: "https://getjustd.com/icons",
+    type: "website"
+  },
+  keywords: [
+    "Icons",
+    "Tailwind CSS",
+    "UI Components",
+    "UI Kit",
+    "UI Library",
+    "UI Framework",
+    "Justd",
+    "Next.js 15",
+    "React Aria",
+    "React Aria Components",
+    "Server Components",
+    "React Components",
+    "Next UI Components",
+    "UI Design System",
+    "UI for Laravel Inertia",
+    "Laravel Inertia UI",
+    "Laravel Inertia Components",
+    "Laravel Inertia UI Components",
+    "Laravel Inertia UI Kit",
+    "Laravel Inertia UI Library",
+    "Laravel Inertia UI Framework",
+    "Laravel Inertia Justd",
+    "Laravel Justd",
+    "Justd Components",
+    "Justd UI Components",
+    "Justd UI Kit",
+    "Justd UI Library",
+    "Justd UI Framework",
+    "Justd Laravel Inertia",
+    "Justd Laravel",
+    "Justd Inertia"
+  ],
+  authors: [
+    {
+      name: "irsyadadl",
+      url: "https://x.com/irsyadadl"
+    }
+  ]
 }
 
 export default function Page({ searchParams }: SearchParamsProps) {

diff --git a/app/(app)/themes/page.tsx b/app/(app)/themes/page.tsx
@@ -2,13 +2,6 @@ import { Header } from "@/components/header"
 import { siteConfig } from "@/resources/config/site"
 import type { Metadata } from "next"
 
-export const metadata: Metadata = {
-  title: "Themes / " + siteConfig.name,
-  description:
-    "Curated themes, carefully selected just for you, ready to be copied, pasted, and seamlessly integrated into your apps, giving your projects a polished and custom vibe without the hassle.",
-  metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL ?? siteConfig.url),
-  applicationName: siteConfig.name
-}
 export default function Page() {
   return (
     <div>
@@ -21,3 +14,67 @@ export default function Page() {
     </div>
   )
 }
+
+export const metadata: Metadata = {
+  title: "Themes / " + siteConfig.name,
+  description:
+    "Curated themes, carefully selected just for you, ready to be copied, pasted, and seamlessly integrated into your apps, giving your projects a polished and custom vibe without the hassle.",
+  metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL ?? siteConfig.url),
+  applicationName: siteConfig.name,
+  category: "Themes",
+  twitter: {
+    card: "summary_large_image",
+    title: "Themes / " + siteConfig.name,
+    description:
+      "Curated themes, carefully selected just for you, ready to be copied, pasted, and seamlessly integrated into your apps, giving your projects a polished and custom vibe without the hassle."
+  },
+  openGraph: {
+    title: "Themes / " + siteConfig.name,
+    images: [
+      {
+        url: "https://getjustd.com/themes/opengraph-image.png?v=1",
+        width: 1200,
+        height: 630,
+        alt: "Justd Themes"
+      }
+    ],
+    description:
+      "Curated themes, carefully selected just for you, ready to be copied, pasted, and seamlessly integrated into your apps, giving your projects a polished and custom vibe without the hassle.",
+    url: "https://getjustd.com/themes",
+    type: "website"
+  },
+  keywords: [
+    "Themes",
+    "Justd Themes",
+    "Tailwind CSS",
+    "UI Components",
+    "UI Kit",
+    "UI Library",
+    "UI Framework",
+    "Justd",
+    "Next.js 15",
+    "React Aria",
+    "React Aria Components",
+    "Server Components",
+    "React Components",
+    "Next UI Components",
+    "UI Design System",
+    "UI for Laravel Inertia",
+    "Laravel Inertia UI",
+    "Laravel Inertia Components",
+    "Laravel Inertia UI Components",
+    "Laravel Inertia UI Kit",
+    "Laravel Inertia UI Library",
+    "Laravel Inertia UI Framework",
+    "Laravel Inertia Justd",
+    "Laravel Justd",
+    "Justd Components",
+    "Justd UI Components",
+    "Justd UI Kit",
+    "Justd UI Library",
+    "Justd UI Framework",
+    "Justd Laravel Inertia",
+    "Justd Laravel",
+    "Justd Inertia"
+  ]
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -22,6 +22,21 @@ export const metadata: Metadata = {
   alternates: {
     canonical: "./"
   },
+  openGraph: {
+    title: {
+      default: siteConfig.name,
+      template: `%s | ${siteConfig.name}`
+    },
+    description: siteConfig.description,
+    images: [
+      {
+        url: "https://getjustd.com/opengraph-image.png?v=1",
+        width: 1200,
+        height: 630,
+        alt: "Justd"
+      }
+    ]
+  },
   keywords: [
     "React",
     "Next.js",
@@ -32,7 +47,6 @@ export const metadata: Metadata = {
     "UI Library",
     "UI Framework",
     "Justd",
-    "Just D.",
     "React Aria",
     "React Aria Components",
     "Server Components",

diff --git a/components/cta.tsx b/components/cta.tsx
@@ -10,7 +10,7 @@ export function Cta() {
       <Container>
         <div className="mx-auto max-w-md text-center">
           <Heading className="text-2xl sm:text-3xl" level={3}>
-            Just D. is Open Source
+            Justd is Open Source
           </Heading>
           <p className="mt-2 mb-4 text-base lg:text-lg text-muted-fg">
             Our code's chillin' on GitHub - dive in, peep it, or drop some hot commits if you're

diff --git a/components/docs/navigation/breadcrumbs-demo.tsx b/components/docs/navigation/breadcrumbs-demo.tsx
@@ -5,8 +5,8 @@ import { Breadcrumb, Breadcrumbs } from "ui"
 export default function BreadcrumbsDemo() {
   return (
     <Breadcrumbs onAction={() => {}}>
-      <Breadcrumb href="/">Home</Breadcrumb>
-      <Breadcrumb href="/design-system">Design System</Breadcrumb>
+      <Breadcrumb href="#">Home</Breadcrumb>
+      <Breadcrumb href="#">Design System</Breadcrumb>
       <Breadcrumb>Collections</Breadcrumb>
     </Breadcrumbs>
   )