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://doodstream-web.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:DoodWeb
)
- 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