Build Your Own Video Streaming Platform - It's Easier Than You Might Think

Build Your Own Video Streaming Platform - It's Easier Than You Might Think

Linode via YouTube Direct link

Build upload.js

19 of 32

19 of 32

Build upload.js

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build Your Own Video Streaming Platform - It's Easier Than You Might Think

Automatically move to the next video in the Classroom when playback concludes

  1. 1 What We'll Be Doing In This Video
  2. 2 Create next.js project
  3. 3 Add Tailwind CSS to next.js project
  4. 4 Create navbar component
  5. 5 Use chatGPT to code navbar
  6. 6 Build navbar foundation
  7. 7 Convert code from ChatGPT to React Code
  8. 8 Remove ChatGPT Code
  9. 9 Change navbar text
  10. 10 Create watch.js
  11. 11 Create Video Upload Module
  12. 12 Create File Upload Tag
  13. 13 Create Watch Videos Module
  14. 14 Create Object Storage Bucket at Linode
  15. 15 Create React File Uploader
  16. 16 Create API
  17. 17 Test API
  18. 18 Install Formidable and S3-SDK
  19. 19 Build upload.js
  20. 20 Disable bodyparser in next.js
  21. 21 Utilize Formidable to Parse Forms
  22. 22 QA upload.js
  23. 23 Create list.js
  24. 24 Connect to the Front End
  25. 25 Populate Watch Page with Video Cards
  26. 26 Connect Upload Page to API
  27. 27 Fix Upload Max File Size
  28. 28 DisplayUploaded Videos on Watch Page
  29. 29 Create Player on Watch Page
  30. 30 Upload and Test Player
  31. 31 Change Download Button to Icon
  32. 32 Conclusion

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.