Rails twitter clone

Watch: Building the sidebar

25 Apr, 2023

Rails, Hotwire, Tailwind

Chat
Premium
Subscribe and watch now!

Rails twitter clone

15 Lessons

3h 26m

1 Getting set up 16m 2 Styling Tweets 16m 3 Building the sidebar 9m 4 Animated Turbo Streams 11m 5 Setting up profiles 13m 6 Nav menu setup and RSpec tests 10m 7 Editing your profile 21m 8 Uploading avatars using Active Storage 3m 9 Liking tweets with Turbo Streams 19m 10 Replies to tweets 22m 11 Migrate to esbuild for JS 9m 12 Building retweets 14m 13 Dealing with bugs 5m 14 Following and followers 28m 15 Tweaking the feed for followers 3m

In this video, I’ll go through building the sidebar, styling it, and setting the height of the overall layout. It steps through a lot of Tailwind CSS and flexbox concepts.

There’s a few additional tweaks to the height that I was a bit too fiddly to capture on screen, but you can see the full extent on them in this commit.

Discussion (0)

To comment you need to sign up for a free account or sign in.

Unlock 7 Hotwire tricks every Rails dev should know ⚡️

Level up your Rails skills with 7 powerful Turbo techniques in my free Hotwire Cheatsheet. Subscribe for updates on new videos, courses & more — no spam, just gems.