An open API service indexing awesome lists of open source software.

https://github.com/pungrumpy/og-tester

๐Ÿงช A tool to help you debug and preview your metadata
https://github.com/pungrumpy/og-tester

framer-motion nextjs shadcn-ui tailwindcss turborepo

Last synced: 4 months ago
JSON representation

๐Ÿงช A tool to help you debug and preview your metadata

Awesome Lists containing this project

README

          


๐Ÿงช OG Tester


A tool to help you debug and preview your meta, Twitter, and Open Graph tags.


Preview

## โœจ Features

- `โšก๏ธ` Next.js 15 with App Router
- `๐ŸŽจ` Tailwind CSS for styling
- `๐ŸŽ‰` shadcn/ui for UI components
- `๐ŸŽฌ` Framer Motion for animations
- `๐Ÿช` Cheerio for parsing and manipulating HTML and XML
- `๐Ÿ“ฑ` Responsive design
- `๐ŸŒ—` Light / Dark mode
- `๐ŸŒ„` Open graph image
- `๐Ÿ’„` Prettier - code formatting
- `๐Ÿšจ` ESLint - linting
- `๐Ÿš€` Deploy with Vercel

## ๐Ÿ”จ Requirements

- Node, recommended `>=22.x.x` with [corepack](https://nodejs.org/api/corepack.html) enabled
- bun, recommended `>=1.x`
- [Visual Studio Code](https://code.visualstudio.com/) with [recommended extensions](.vscode/extensions.json)
- Optionally [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)

## ๐Ÿš€ Getting Started

```bash
# Clone the repository
git clone git@github.com:PunGrumpy/og-tester.git

# Navigate to the project folder
cd og-tester

# Install dependencies
bun install

# Start the development server
bun dev # or bun dev --turbo
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result

## ๐Ÿ“ License

Licensed under the [MIT License](LICENSE).