Skip to content

Commit eb841f8

Browse files
tailwiindertailwiinder
committed
meta descriptions for all pages
1 parent 9e35229 commit eb841f8

File tree

9 files changed

+75
-0
lines changed

9 files changed

+75
-0
lines changed

‎docs/pages/_app.tsx‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,45 @@ export default function App({ Component, pageProps }: AppProps) {
99
return (
1010
<>
1111
<Head>
12+
<title>NativeCN - Beautiful UI Components for React Native</title>
13+
<meta
14+
name="description"
15+
content="A React Native UI component library inspired by shadcn/ui. Get beautiful, accessible UI components for your React Native apps by copying and pasting code."
16+
/>
17+
<meta
18+
name="keywords"
19+
content="React Native, UI components, shadcn/ui, mobile development, accessible UI, component library"
20+
/>
21+
<meta name="author" content="NativeCN" />
1222
<meta
1323
name="viewport"
1424
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
1525
/>
26+
27+
{/* Open Graph / Facebook */}
28+
<meta property="og:type" content="website" />
29+
<meta property="og:title" content="NativeCN - Beautiful UI Components for React Native" />
30+
<meta
31+
property="og:description"
32+
content="Get beautiful, accessible UI components for your React Native apps by copying and pasting code. Inspired by shadcn/ui."
33+
/>
34+
<meta property="og:site_name" content="NativeCN" />
35+
36+
{/* Twitter */}
37+
<meta name="twitter:card" content="summary_large_image" />
38+
<meta name="twitter:title" content="NativeCN - Beautiful UI Components for React Native" />
39+
<meta
40+
name="twitter:description"
41+
content="Get beautiful, accessible UI components for your React Native apps by copying and pasting code. Inspired by shadcn/ui."
42+
/>
43+
44+
{/* Favicon */}
45+
<link rel="icon" href="/favicon.ico" />
46+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
47+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
48+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
49+
<link rel="manifest" href="/site.webmanifest" />
50+
<meta name="theme-color" content="#111827" />
1651
</Head>
1752
<Component {...pageProps} />
1853
</>

‎docs/pages/components/accordion.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "Accordion Component | NativeCN UI"
3+
description: "Collapsible content sections for React Native apps - create interactive FAQs, nested navigation, and organize complex information with this versatile component."
4+
---
5+
16
# Accordion Component
27

38
import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '../../components/ui/accordion'

‎docs/pages/components/alert-dialog.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "Alert Dialog Component | NativeCN UI"
3+
description: "Interactive modal dialogs for React Native apps - create confirmation prompts, important notifications, and action confirmations with accessible design."
4+
---
5+
16
# Alert Dialog Component
27

38
import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from '../../components/ui/alertdialog'

‎docs/pages/components/alert.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "Alert Component | NativeCN UI"
3+
description: "Contextual feedback alerts for React Native apps - create informational, warning, success, and error notifications with customizable styling."
4+
---
5+
16
# Alert Component
27

38
import { Alert, AlertTitle, AlertDescription } from '../../components/ui/alert'

‎docs/pages/components/avatar.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "Avatar Component | NativeCN UI"
3+
description: "User profile pictures with fallback support for React Native apps - create avatars with different sizes, states, and seamless image handling."
4+
---
5+
16
# Avatar Component
27

38
import { Avatar, AvatarImage, AvatarFallback } from '../../components/ui/avatar'

‎docs/pages/components/button.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "Button Component | NativeCN UI"
3+
description: "Versatile button component for React Native apps with multiple variants, sizes, and states - designed for beautiful interactions in your mobile UI."
4+
---
5+
16
# Button Component
27

38
import Button from '../../components/ui/button'

‎docs/pages/components/skeleton.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "Skeleton Component | NativeCN UI"
3+
description: "Loading state placeholders for React Native apps - create smooth user experiences with animated content loaders for various UI elements."
4+
---
5+
16
# Skeleton Component
27

38
import { Skeleton } from '../../components/ui/skeleton'

‎docs/pages/getting-started.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "Getting Started with NativeCN - Setup Guide"
3+
description: "Learn how to integrate NativeCN UI components into your React Native application with our step-by-step guide."
4+
---
5+
16
import ComponentCode from '../components/ComponentCode'
27

38
## Prerequisites

‎docs/pages/index.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: "NativeCN - Beautiful UI Components for React Native"
3+
description: "A React Native UI component library inspired by shadcn/ui. Get beautiful, accessible UI components for your React Native apps by copying and pasting code."
4+
---
5+
16
# Introduction
27

38
Welcome to NativeCN - A beautiful and customizable React Native UI component library inspired by [shadcn/ui](https://ui.shadcn.com/).

0 commit comments

Comments
 (0)