Skip to content

README.md

Latest commit

 

History

History
90 lines (48 loc) · 2.15 KB

README.md

File metadata and controls

90 lines (48 loc) · 2.15 KB

🌐 MetaURL – Dynamic URL to Webpage

Next.js
Vercel

MetaURL is a unique Next.js app where whatever you type in the URL path is displayed directly on the webpage.
It also auto-generates SEO meta tags (title, description, Open Graph) so your custom message looks great when shared anywhere.

👉 Example:
https://sammuurl.vercel.app/Hi I am Samarth
will display “Hi I am Samarth” on the page and embed it in the page’s meta tags.

🌟 Features

  • ⚡ Instant Display – Text in the URL path shows up instantly on the page.
  • 🏷️ Dynamic Meta Tags – Auto-generate title, description, and OG tags.
  • 🌍 Shareable Links – Share URLs anywhere and the text + metadata will appear.
  • 🖼️ Perfect Previews – Works beautifully for quick notes, messages, and fun share links.
  • 🖥️ Built with Next.js – Dynamic routing with fast rendering and SEO built-in.
  • 🚀 Deployed on Vercel – Global CDN for instant worldwide access.

🛠️ Tech Stack

  • Framework: Next.js (dynamic routing & SSR)
  • Hosting: Vercel (serverless deployment)
  • SEO: Dynamic meta tag generation
  • Styling: Tailwind CSS (or custom styles)

📦 Installation & Setup

  1. Clone the repository 
    git clone https://github.com/samarthags/MetaURL.git
cd MetaURL
  2. Install dependencies

npm install

  1. Run the development server

npm run dev

Open http://localhost:3000 and test by adding text in the path, e.g.: http://localhost:3000/Hello World

🌍 Live Demo

Try it live at https://sammuurl.vercel.app – type anything after / and it appears instantly on the page with live meta tags.

🤝 Contributing

Contributions are welcome!

  1. Fork the repo

  2. Create a new branch (git checkout -b feature-new)

  3. Commit changes (git commit -m "Added new feature")

  4. Push to your branch (git push origin feature-new)

  5. Open a Pull Request

👨‍💻 Author

Made With ❤️‍🔥 By Samarth Gs