đ» #108: Build a YouTube Clone with Next.js 15 đ„
Plus a text-to-slug app, auction guesser, and weight converter
Hey happy Friday! How did you find the React Native tutorial last weekend? I quite enjoyed it, however I found Appwrite a bit difficult to work with when I tried to expand on the project. It turns out itâs not possible to query by relationship. So until thatâs possible I think Iâll stick to using Supabase for now.
Anyways weâre back with a new tutorial this weekend weâre back to the web applications, and buckle your seat belts this one looks great. Itâs almost 12 hours but you build a pretty impressive Youtube clone.
Tutorial of the week:
Length: 11.5 hours
This weekendâs tutorial is by Code With Antonio. I really like his videos because he tends to incorporate technologies not often found in most Youtube tutorials.
What youâll learn this weekend:
Next.js 15
tRPC
3 frontend projects of the week:
Use these projects to inspire future projects of your own.
1. Auction Game
Guess the auction price of these items! A previous project of Neal.fun.
2. Text to Slug
this-project-converts-any-text-into-kebab-case
Simple idea, made well. Great project idea.
3. Weight to Objects
A nicely designed weight-to-object converter. For example, 100kg === 500 iPhones
Thatâs all folks!
I hope you enjoyed this weekendâs edition of Weekend Web Dev!
To keep the tutorials flowing and support my newsletter, consider fueling my creativity with a coffee âïž - every cup makes a difference!
Your fellow weekend developer,
đ«¶đ Are you looking for personalized feedback?
Do you have a portfolio, website, CV, or code snippet you would like some feedback on? Iâd be happy to review and provide my input. Itâs free for feedback, but if youâd like to support me and the newsletter you can buy me a coffee. Then just reply to this email with whatever youâd like to review.
Useful (free) resources
Here are some excellent beginner resources for learning JavaScript
Mozilla Developer Network - the leading resource on JS
FreeCodeCamp - free course
CodeAcademy - intro to javascript - free course
Odin Project - full stack javascript - free course
Eloquent Javascript - book (many people struggle with this book)
javascript.info - reference resource
Traversy Crash Course in Javascript - video series
Intermediate/advanced material
JavaScript Design Patterns - free book
Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
What the heck is the event loop anyway? - JSConf talk about the event loop
Understanding the Weird Parts - paid course covering more advanced topics
Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
Other handy sites