A meta tags extractor web app built using Next.js, Tailwind CSS, and TypeScript that enables users to extract meta tags from a given URL. Additionally, the app provides functionality to generate og:images that you can use for your own sites.
- Extract meta tags from a provided URL.
- Generate og:images.
- Built with Next.js for a fast and optimized web experience.
- Styled using Tailwind CSS for a modern and responsive design.
- TypeScript for improved developer experience and code quality.
Make sure you have Node.js and npm installed on your machine.
- Clone the repository:
git clone https://github.com/srestraj/metatags-generator.git
- Navigate to the project directory:
cd metatags-generator - Install dependencies:
npm install
Run npm run dev to start the dev server and visit http://localhost:3000 in your browser to access the app.
On the homepage, enter any URL in the input field and submit it to retrieve and display meta tags from that site.
Use the Generate og:image feature to create Open Graph images for social media sharing. You can choose from a variety of templates. More coming soon.