An SSR video streaming frontend which uses doodstream.com as a backend. It is built using Next.js and Tailwind CSS.
- 🌐 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
A live demo of the project is available at https://bokepind.pages.dev.
The following environment variables are required to run the project:
DOODSTREAM_API_KEY
: API key for doodstream.comDOODSTREAM_API_URL
: API URL for doodstream.com (default:https://doodapi.com
)SITENAME
: Name of the website (default:bokepind
)
- Clone the repository
git clone <repo-url> doodstream-web
cd doodstream-web
- Install dependencies
npm install
- Run the development server
npm run dev
- Open http://localhost:3000 with your browser to see the result.
- Clone the repository
git clone <repo-url> doodstream-web
cd doodstream-web
- Install dependencies
npm install
- Build the project
npm run build
- Start the server
npm run start
- Open http://localhost:3000 with your browser to see the result.
- Fork the repository on GitHub.
- Create a new project on Cloudflare Pages.
- Connect your GitHub account with Cloudflare Pages.
- Select the forked repository and click on
Begin Setup
. - Select
nextjs
as the build preset. - Add required environment variables (
DOODSTREAM_API_KEY
). - Click on
Save and Deploy
to start the deployment. This first deployment will not be fully functional as the next step is also necessary. - In your Pages project, go to Settings > Functions > Compatibility Flags.
- Configure a nodejs_compat flag for both production and preview.
- Go to the Deployments tab, open the latest deployment and click on Manage Deployment > Retry Deployments.
- Click on
Visit Site
to open the website.
More information about deploying Next.js apps on Cloudflare Pages is available here.
Senku So Much Besto Friendto