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/1de059035786b84cdd6f81b8df1ca602
Docerfile.dev: https://gist.github.com/awdjob/d2a0734880810c7431954722d2f7811c
docker-compose.yml: https://gist.github.com/awdjob/565cf39fc45235e61f2e486f703483e9
🎯 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 https://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.

🚀 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

Видео Building a REAL Production App from scratch - Klipshow - React/Rails Episode 1 канала Higher Theory Dev