Building a REAL Production App from scratch - Klipshow - React/Rails Episode 1 скачать в хорошем качестве

Building a REAL Production App from scratch - Klipshow - React/Rails Episode 1

🚀 Building ClipShow Episode 1: Rails 8 + Docker + Twitch OAuth Setup In this first episode, we build the complete authentication foundation for KlipShow - a revolutionary Twitch platform where viewers spend real money to trigger social media clips on live streams! 🐋Docker file gists: bin/docker-dev: https://gist.github.com/awdjob/1de059... Docerfile.dev: https://gist.github.com/awdjob/d2a073... docker-compose.yml: https://gist.github.com/awdjob/565cf3... 🎯 What We Built: ✅ Rails 8.0.2 application from scratch ✅ Docker development environment with PostgreSQL ✅ Complete Twitch OAuth integration ✅ Vite Ruby + React + Tailwind CSS build process ✅ Streamer model with JWT session management ✅ Backend tests for authentication logic ✅ Working dashboard with user profile display 🛠️ Tech Stack: Ruby on Rails 8.0.2 Docker & PostgreSQL React with Vite Ruby Tailwind CSS OmniAuth RSpec testing ⭐ Key Highlights: Setting up modern Rails development environment Tricky Vite Ruby + React integration (solved!) Real OAuth flow with Twitch API Professional testing practices from day one This isn't just a tutorial - we're building a real business that streamers will actually use and pay for. Every line of code matters! 🔴 LIVE DEVELOPMENT: All coding happens live on   / awdjob   - join for real-time Q&A and influence technical decisions! Next Episode: Building the streamer dashboard, social media connections, and content management system. 🚀 Building ClipShow Episode 1: Rails 8 + Docker + Twitch OAuth Setup In this first episode, we build the complete authentication foundation for ClipShow - a revolutionary Twitch platform where viewers spend real money to trigger social media clips on live streams! 🎯 What We Built: ✅ Rails 8.0.2 application from scratch ✅ Docker development environment with PostgreSQL ✅ Complete Twitch OAuth integration ✅ Vite Ruby + React + Tailwind CSS build process ✅ Streamer model with JWT session management ✅ Backend tests for authentication logic ✅ Working dashboard with user profile display 🛠️ Tech Stack: Ruby on Rails 8.0.2 (latest version!) Docker & PostgreSQL React with Vite Ruby Tailwind CSS OmniAuth RSpec testing ⭐ Key Highlights: Setting up modern Rails development environment Tricky Vite Ruby + React integration (solved!) Real OAuth flow with Twitch API Professional testing practices from day one This isn't just a tutorial - we're building a real business that streamers will actually use and pay for. Every line of code matters! 🔴 LIVE DEVELOPMENT: All coding happens live on twitch.tv/awdjob - join for real-time Q&A and influence technical decisions! Next Episode: Building the streamer dashboard, social media connections, and content management system. Timestamps: 00:00 - Introduction 02:15 - Application/Mockup Overview 05:34 - Episode 1 Outline 08:36 - RVM/Ruby/Rails Install 13:02 - Generating new Rails app / Docker install and configuration 19:53 - Twitch OAuth overview / Twitch Application Creation 25:32 - Rails Credentials configuration (storing secure tokens) 27:13 - Rails routes overview 28:36 - Adding OAuth Controller and Twitch action 42:44 - Setting up User record 47:22 - Setting up encrypted token storage / fixing migration 52:10 - Creating User from Oauth sign in / Adding rspec and first specs 59:45 - JWT overview/implementation 1:02:40 - First commit 1:04:30 - Frontend system design/implementation 1:06:30 - Vite integration 1:11:21 - TailwindCSS installation 1:11:52 - React installation/integration 1:18:59 - Klipshow lore 1:19:18 - Simplifying signin component 1:19:59 - Client side OAuth overview/integration 1:26:11 - Outro #rails #ruby #reactjs #webdevelopment #docker #tailwindcss #vitejs #softwareengineer