technifyed

JavaScript Mastery via YouTube Free video

Build and Deploy a Full Stack Screen Recording & Video Sharing Platform | Next.js, Better Auth

Overview

Master video capture, uploads, user authentication, and dynamic sharing features step-by-step, all while building a full stack screen recording and video sharing platform using Next.js and Bunny!

━━━━━━━━━━━━━━━━━━━━

👉 Bunny (create your free account and get one extra free month): https://jsm.dev/jsm-bunny

1. Go to your Account Settings: https://jsm.dev/redeem-bunny and update your Personal Details

2. If a pop-up asks for your card details, simply close it — you don’t need to enter any payment info.

3. Go to the Billing section, click Enter Promo Code, and use the code: JSMASTERY

Note: If the “Enter Promo Code” option doesn’t appear immediately, try refreshing the page.

━━━━━━━━━━━━━━━━━━━━

Arcjet: https://jsm.dev/snapcast-arcjet

WebStorm: https://jsm.dev/snapcast-webstorm

Junie AI: https://jsm.dev/snapcast-junie

Xata: https://jsm.dev/snapcast-xata

🎁 Video Kit (Code, Design, Repo, Guide): https://jsm.dev/snapcast-kit

🎨 Tailwind v4 Crash Course - https://jsm.dev/snapcast-tailwindv4

⭐ Join JS Mastery Pro: https://jsm.dev/snapcast-jsmpro

💎 Become a Top 1% Next.js Developer: https://jsm.dev/snapcast-nextjs

https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery

Business Inquiries: contact@jsmastery.pro

Time Stamps:

00:00:00 — Introduction

00:04:16 — Setup Next.js

00:12:04 — Home Page UI

00:38:28 — Video Card

00:54:54 — Authentication UI

01:01:49 — Authentication Logic

01:06:21 — Database Setup

01:28:19 — Upload Page

02:06:19 — Setup Bunny for Video Upload

02:42:53 — Implement Arcjet

03:04:00 — Home Page (Fetching Data)

03:20:55 — Video Detail Page

03:40:47 — Recording Feature

04:07:27 — User Profile Page

04:14:35 - Deployment

Chapters 15

  1. 00:00:00Introduction
  2. 00:04:16Setup Next.js
  3. 00:12:04Home Page UI
  4. 00:38:28Video Card
  5. 00:54:54Authentication UI
  6. 01:01:49Authentication Logic
  7. 01:06:21Database Setup
  8. 01:28:19Upload Page
  9. 02:06:19Setup Bunny for Video Upload
  10. 02:42:53Implement Arcjet
  11. 03:04:00Home Page (Fetching Data)
  12. 03:20:55Video Detail Page
  13. 03:40:47Recording Feature
  14. 04:07:27User Profile Page
  15. 04:14:35Deployment

Advantages and disadvantages

Advantages

  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • 837,461 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (15 parts) you can see before you start.
  • Start watching right away, no sign-up.

Disadvantages

  • No exercises or certificate: code along to make it stick.
  • No certificate.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

Similar courses

Compare these

Harvard University · YouTube

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

Free video11 videos, 16 hours

Massachusetts Institute of Technology · YouTube

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

Free video26 videos, 28 hours

Harvard University · YouTube

CS50's Web Programming with Python and JavaScript (CS50W) 2020

This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at https://cs50.edx.org/web. Slides and source code at https://cs50.harvard.edu/web. This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps…

Free video10 videos, 14 hours

Harvard University · YouTube

CS50's Introduction to Artificial Intelligence with Python 2023

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

Free video8 videos, 12 hours

Harvard University · YouTube

CS50's Introduction to Artificial Intelligence with Python 2020

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

Free video8 videos, 13 hours

Massachusetts Institute of Technology · YouTube

MIT 18.S997 Introduction to MATLAB Programming Fall 2011

View the complete course: http://ocw.mit.edu/18-S997F11 Instructor: Yossi Farjoun This course is intended to assist undergraduates with learning the basics of programming in general and programming MATLAB® in particular. License: Creative Commons BY-NC-SA More information at http://ocw.mit.edu/term…

Free video6 videos, 50 minutes

Enter your email and the official page opens. Phone is optional.