Skip to content

ClassickTech/doodstream-web

 
 

Repository files navigation

doodstream-web 🎥

An SSR video streaming frontend which uses doodstream.com as a backend. It is built using Next.js and Tailwind CSS.

Features

  • 🌐 SSR (Server Side Rendering)
  • 📱 Responsive design
  • 🌙 Dark mode support
  • 🔍 Search videos by name
  • 🗂️ Folders as Channels
  • ▶️ Video player
  • 📝 Video subtitles
  • 📥 Video download
  • ❤ Client side like/dislike videos

Live Demo

A live demo of the project is available at https://doodstream-web.pages.dev.

Configuration

The following environment variables are required to run the project:

  • DOODSTREAM_API_KEY: API key for doodstream.com
  • DOODSTREAM_API_URL: API URL for doodstream.com (default: https://doodapi.com)
  • SITENAME: Name of the website (default: DoodWeb)

Development

  1. Clone the repository
git clone <repo-url> doodstream-web
cd doodstream-web
  1. Install dependencies
npm install
  1. Run the development server
npm run dev
  1. Open http://localhost:3000 with your browser to see the result.

Deployment

  1. Clone the repository
git clone <repo-url> doodstream-web
cd doodstream-web
  1. Install dependencies
npm install
  1. Build the project
npm run build
  1. Start the server
npm run start
  1. Open http://localhost:3000 with your browser to see the result.

Deployment on Cloudflare Pages

  1. Fork the repository on GitHub.
  2. Create a new project on Cloudflare Pages.
  3. Connect your GitHub account with Cloudflare Pages.
  4. Select the forked repository and click on Begin Setup.
  5. Select nextjs as the build preset.
  6. Add required environment variables (DOODSTREAM_API_KEY).
  7. Click on Save and Deploy to start the deployment. This first deployment will not be fully functional as the next step is also necessary.
  8. In your Pages project, go to Settings > Functions > Compatibility Flags.
  9. Configure a nodejs_compat flag for both production and preview.
  10. Go to the Deployments tab, open the latest deployment and click on Manage Deployment > Retry Deployments.
  11. Click on Visit Site to open the website.

More information about deploying Next.js apps on Cloudflare Pages is available here.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Disclaimer

This project is not affiliated with https://doodstream.com in any way. It is just a frontend for their API.

License

This project is licensed under the GPL-3.0 License - see the LICENSE file for details.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.5%
  • CSS 2.0%
  • JavaScript 0.5%