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