How this was done is explained in detail in the video. In short a github action calls a NextJs API endpoint at Vercel. That endpoint fetches the comments from Youtube and if there are new comments stores them in a Prisma Postgres database. The client consumes these styles via a call /styles where the stylesheet gets concatenated from all the comments and added inside a style tag and inside the dom for visitors to see.
In this video i compare Passkeys to Passwords, Magic Link and Oauth and discuss the pros and cons of each. I give my opinion on the topic and show a project called Passkeyd i have been working on.
Support me on ProductHunt: https://www.producthunt.com/posts/passkeyd
Passkeyd: https://passkeyd.com
Demo: https://demo.passkeyd.com
Docs: https://passkeyd.com/docs
...
https://www.youtube.com/watch?v=PtQR8kHICJw
Learn how to add 3D elements to any React website. I would recommend knowing some React basics since i will focus on the 3D aspects rather than React itself. In this video you will learn how to use "React three fiber", a React renderer built to render Three.js content. In the tutorial I will download 2 different 3D models. The first model is the earth and a second model is an airplane. The models are in the GLTF format and i will show how to convert them directly into React components using a npm utility package called "gltfjsx". I will add some animations to the earth like click to zoom and rotating to showcase geographic locations at any lon/lat coordinate pair. I will use the browser geolocation API to place the webpage user on the correct spot on earth. Finally I will connect to an API giving realtime locations of surrounding airplanes and place them correctly on the surface of the earth, sorting them by closest to the user of the webpage.
Twitter: https://twitter.com/BarelyDaniel
Github: https://github.com/danba340
Tiktok: https://www.tiktok.com/@barelycoding
⭐️ Video Contents ⭐️
0:00 Video overview
1:15 Initial code walkthrough
3:32 Starry background
5:30 Earth model
8:47 Adding lights
9:28 Resizing Earth
10:38 Airplane Model
15:28 Map Marker Sphere
17:48 Colorizing Airplanes
22:33 Click to zoom
28:23 Rotate earth to coordinate
33:46 Geolocate user
36:25 Handle marker types
37:23 Using sample flight data
45:37 Calculate airplane direction
48:45 Store airplanes to state
49:41 Airplane distance to user
51:18 Testing finished usePlanes hook
55:33 Distance & Origin in control panel
57:23 Airplane facing direction of travel
59:18 Animate switching planes and correct color
1:01:59 Fetching real planes from OpenSky
1:04:29 Fetching on an interval
1:05:47 Thanks for watching
...
https://www.youtube.com/watch?v=rWFaJNcx-Xk
This video is a tutorial on creating and using macros in Vim in VS Code.
3 examples are showcased:
1. Enumeration, creating an enumerated array
2. Duplication, duplication of a function footprint
3 Formatting, converting functions to arrow functions
Have macro questions?
Post them in the comments or find me on twitter: @barelydaniel
0:00 Intro
1:30 Enumaration
3:13 Duplicatie function
5:00 Function to arrow function
...
https://www.youtube.com/watch?v=5kohw3YeF-k
A story about finding a strategy to escape escape tutorial hell and finding motivation to practice the art of programming.
Twitter: https://twitter.com/BarelyDaniel
Github: https://github.com/danba340
Instagram: https://www.instagram.com/barelycoding
TikTok: https://www.tiktok.com/@barelycoding
LinkedIn: https://www.linkedin.com/in/daniel-bark
...
https://www.youtube.com/watch?v=wJpGD_wJ500
This video is about me learning to take in more aspects of writing code. A good programming language needs to be readable both for humans and computers. That is why i needed to change my mind regarding this code expression. Hope you learned something from this video :)
Thanks to Tony Mottaz for the inspiration
https://www.tonymottaz.com/code-for-computers-and-humans/
Twitter: https://twitter.com/BarelyDaniel
Github: https://github.com/danba340
Instagram: https://www.instagram.com/barelycoding
TikTok: https://www.tiktok.com/@barelycoding
LinkedIn: https://www.linkedin.com/in/daniel-bark
...
https://www.youtube.com/watch?v=B_C-aZTZWtE
Dont miss that null check people!
Twitter: https://twitter.com/BarelyDaniel
Github: https://github.com/danba340
#shorts #humor
...
https://www.youtube.com/watch?v=21gB2Ca5rqg
In this video I explore having code formatting as a Github action. Prettier is being run on push and formatting the code in an additional commit.
Code for this tutorial: https://github.com/danba340/gh-action-prettier-on-push
...
https://www.youtube.com/watch?v=7j8JzOMdIXA