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.
- β‘ 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.
- Framework: Next.js (dynamic routing & SSR)
- Hosting: Vercel (serverless deployment)
- SEO: Dynamic meta tag generation
- Styling: Tailwind CSS (or custom styles)
- Clone the repository
git clone https://github.com/samarthags/MetaURL.git cd MetaURL
- Install dependencies
npm install
- 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!
-
Fork the repo
-
Create a new branch (git checkout -b feature-new)
-
Commit changes (git commit -m "Added new feature")
-
Push to your branch (git push origin feature-new)
-
Open a Pull Request
π¨βπ» Author
Made With β€οΈβπ₯ By Samarth Gs