A modern web application for inspecting, previewing, and downloading Terabox/Terashare videos. Extract metadata, view thumbnails, and get direct download links with a clean, responsive interface.
- 🔍 Smart ID Extraction: Automatically extracts video IDs from Terabox/Terashare links
- 📊 Metadata Display: Shows file name, size, thumbnail, and complete JSON response
- 🎬 Video Preview: Built-in video player with thumbnail support
- 📱 Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
- 🌙 Dark Mode: Automatic dark/light theme support
- ⚡ Fast & Lightweight: Built with Next.js 15 and React 19
- 🎨 Modern UI: Smooth animations with Framer Motion
- Node.js 18.0 or later
- npm, yarn, pnpm, or bun
- Clone the repository:
git clone https://github.com/saahiyo/tera-peek.git
cd tera-peek- Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev- Open http://localhost:3000 with your browser to see the result.
- Enter Video ID or Link: Paste a full Terabox/Terashare share link or just the video ID
- Click Inspect: The app will automatically extract the ID and fetch metadata
- View Results: See thumbnail, metadata, and preview the video
- Download: Use the download button to save the video directly
https://terabox.com/s/VIDEO_IDhttps://terasharelink.com/s/VIDEO_IDhttps://teraboxcdn.com/s/VIDEO_IDhttps://1024tera.com/s/VIDEO_ID- And other Terabox/Terashare domains
- Framework: Next.js 15 - The React Framework for Production
- Language: TypeScript - JavaScript with syntax for types
- UI Library: React 19 - A JavaScript library for building user interfaces
- Animations: Framer Motion - Production-ready motion library
- Icons: Lucide React - Beautiful & consistent icons
- Styling: Tailwind CSS - Utility-first CSS framework
- Font: Geist - Vercel's font family
tera-peek/
├── src/
│ └── app/
│ ├── globals.css # Global styles
│ ├── layout.js # Root layout component
│ └── page.jsx # Main application component
├── public/ # Static assets
├── next.config.mjs # Next.js configuration
├── package.json # Project dependencies and scripts
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── README.md # This file
This project uses a public worker API. For production use, consider setting up your own proxy:
# Create a .env.local file
NEXT_PUBLIC_API_URL=https://your-api-worker.workers.dev- API Endpoint: Modify the
apiUrlinsrc/app/page.jsx:48to use your own proxy - Styling: Customize colors and themes in
src/app/globals.css - Branding: Update the app name and logo in
src/app/page.jsx
npm run build
npm startThe easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
- Netlify: Works with Next.js static export
- Railway: Deploy with one click
- DigitalOcean: Use App Platform
- AWS: Use Amplify or S3 + CloudFront
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- This tool uses a public worker API for demonstration purposes
- Avoid pasting sensitive or private Terabox links
- For production use, set up your own proxy with proper authentication and rate limiting
- The availability and reliability of the public API may vary
- Next.js for the amazing framework
- Vercel for hosting and font support
- Framer Motion for smooth animations
- Lucide for beautiful icons
Made with ❤️ using Next.js and React