Learn Rails by Building Instagram (2019, Rails 6)
- Buy now
- Learn more
Introduction

What is Ruby on Rails?
Why Rails?
Initial Setup Requirements / START HERE
Troubleshooting Checklist
What are we Building?
Getting Started

Running rails new
Installing Bootstrap with Webpacker
Setting up our Basic Navbar
Adding Users

Installing Devise / Generating User model
Updating our Navbar with working links
Extending the User Edit page
Adding Flash Messages
Adding User Profiles
ActiveStorage Introduction

Installing ActiveStorage / Adding Avatars to Users
Posts

Creating Post Model and Controller
Adding Validations
Adding Post Feed (Post index)
Adding Posts to Profile / Post Deletion
Adding Likes to Posts
Post Comments

Starting to add Post Comments
Installing Stimulus.js & Finishing Basic Comments
Paginating Comments for infinite scroll (custom pagination with Stimulus)
ActionCable Introduction / Realtime Comments
Comment Fixes / Touchups
Allow Adding Comment on Post Creation
User Following

Creating our Follow model
Wiring up Following
Only See Posts From People You Follow
Preparing for Production / Deployment

Polishing User Profile
Polishing User Edit Page & Devise Error Message Helper
Polishing Signup and Login Pages
Polishing Forgot Password and Welcome Page
Adding Local Time
Deploying to Hatchbox
Conclusion / Thank You

Thank You!
Provide Feedback Here
Source Code

Setting up our Basic Navbar

In this video, we setup our navbar in preparation for adding the rest of our code to display different things depending on if the user is logged in our not.