Fix: migrate gumroad blog to inertia #3214
Draft
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
vedantvaghasiya
had a problem deploying
to
ci-protected
GitHub Actions
Error
…o-inertia resolve merge conflicts
vedantvaghasiya
had a problem deploying
to
ci-protected
GitHub Actions
Error
vedantvaghasiya
had a problem deploying
to
ci-protected
GitHub Actions
Error
vedantvaghasiya
had a problem deploying
to
ci-protected
GitHub Actions
Error
vedantvaghasiya
commented
Jan 29, 2026
Comment on lines
-4
to
-6
| layout "gumroad_blog" | ||
| layout "inertia" | ||
|
|
||
| before_action :hide_layouts |
Contributor
Author
There was a problem hiding this comment.
Changed layout from gumroad_blog to inertia and removed hide_layouts before_action since Inertia handles layouts differently.
vedantvaghasiya
commented
Jan 29, 2026
Comment on lines
19
to
43
| @@ -33,7 +36,11 @@ def index | |||
| def show | |||
| authorize @post, policy_class: GumroadBlog::PostsPolicy | |||
|
|
|||
| @props = PostPresenter.new(pundit_user: pundit_user, post: @post, purchase_id_param: nil).post_component_props | |||
| set_meta_tag(title: @post.subject) | |||
| set_meta_tag(property: "og:title", value: @post.subject) | |||
| set_meta_tag(property: "og:description", value: @post.message_snippet) | |||
|
|
|||
| render inertia: "GumroadBlog/Show", props: PostPresenter.new(pundit_user: pundit_user, post: @post, purchase_id_param: nil).post_component_props | |||
Contributor
Author
There was a problem hiding this comment.
Changed from assigning @props instance variable to directly using render inertia: with the component path GumroadBlog/Index and inline props hash.
vedantvaghasiya
commented
Jan 29, 2026
Contributor
Author
There was a problem hiding this comment.
New shared footer component extracted for reuse. Contains:
- Social media icon SVG components (X, YouTube, Instagram, Facebook, Pinterest)
- Email subscription form with state management
- Navigation links using Inertia's Link component
- Styled with Tailwind CSS matching Gumroad's home page design
vedantvaghasiya
commented
Jan 29, 2026
Contributor
Author
There was a problem hiding this comment.
New shared navigation component extracted for reuse. Contains:
- NavLink component for consistent navigation styling with active state support
- GitHub stars badge that fetches from GitHub API
- Mobile hamburger menu with toggle animation
- Dark mode support via Tailwind's dark: prefix
- Uses usePage() to determine active navigation item
- Shows Dashboard link for logged-in users, or Login/Start selling for guests
vedantvaghasiya
commented
Jan 29, 2026
Contributor
Author
There was a problem hiding this comment.
New Inertia page component for showing individual blog posts. Key changes from the old server component:
- Uses usePage().props to get props from Inertia context
- Wrapped with HomeNav and HomeFooter components
- Uses Inertia Link for "Back to Blog" navigation
- Removed scoped-tailwind-preflight from BackToBlog since it's already wrapped in parent
- Added LoggedInUserLayout for consistent layout handling
vedantvaghasiya
requested a deployment
to
ci-protected
GitHub Actions
Waiting
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue: #3056
Description:
This PR migrates the Gumroad Blog pages (/blog index and /blog/:slug show) from server-rendered ERB views with React hydration to Inertia.js.
Changes
@propsfor ERB templatesBefore/After
Test Results
Checklist
AI Disclosure
IDE: Cursor
Model: Claude Sonnet 4.5
Purpose: creating migration plan