YouTube API | NextJS Crash Course

In this video we start our social media dashboard project. We do the basic setup and look at how to fetch data from the YouTube API. Besides the YouTube API, we also talk about SWR, react bootstrap, components, using a .env file to hide secrets, and how to use Postman to visualize the YouTube API response. Social media dashboard GitHub: https://github.com/bjcarlson42/nextjs-social-dashboard NextJS website: https://nextjs.org/ Completed Dashboard: https://nextjs-social-dashboard.vercel.app/ NextJS Crash Course Video Outline: Playlist: https://www.youtube.com/playlist?list=PLL1pJgYmqo2vYtT0v_7axfIG86fyL1whf Course Intro - https://youtu.be/_dqkETqCJXQ What is Next.js? - https://youtu.be/L8RaJZodkv8 Pages, CSS, Static Files - https://youtu.be/HM5kB2x1ccw getInitialProps - https://youtu.be/RgQxcw2R1q0 getStaticProps - https://youtu.be/VH_3hzpAPbQ getStaticPaths - https://youtu.be/nKg0132Nu0o getServerSideProps - https://youtu.be/qUhYZi-KMPQ YouTube API - https://youtu.be/jVc8qVq0NR8 ⬅️⬅️⬅️ You are here GitHub API - https://youtu.be/4g3Ziy20quY Strava API - https://youtu.be/fNOUHccIchU Deploying On Vercel - https://youtu.be/ben3vRAqvKE (0:00) Introduction (1:24) Setting Up The Project (5:23) fetcher.js (6:20) Creating youtube.js api file (7:03) Generating an API key (8:22) .env (9:04) Fetching the YouTube data/ visualizing data (13:40) Displaying the data (21:33) Final styles ✍️ Join my newsletter!! https://buttondown.email/benjamincarlson ✍️ I send out one email the first day of every month with new YouTube videos, Medium posts, stuff I’ve been working on, and anything else programming related I’ve found interesting. 🎒 My Gear 🎒 View my tech, camera, and productivity gear: https://benjamincarlson.io/gear CONTACT: [email protected] 📧 Connect with me 📧 Website: https://benjamincarlson.io Instagram: https://www.instagram.com/benscstutorials Twitter: https://twitter.com/benscstutorials Github: https://github.com/bjcarlson42 LinkedIn: https://www.linkedin.com/in/bjcarlson42/ Medium: https://medium.com/@benjamincarlson #nextjs