feat(writers-program): add blog publishing flow documentation page (#3077) #48
Conversation
Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
- Add hamburger menu with slide-in navigation panel - Add right-side social icons with hover tooltips (Slack, X, YouTube, LinkedIn, GitHub) - Update Hero section with exact wording from old website - Add orange underline to 'Writers Program' title - Increase icon sizes in Offers and Flow sections - Add dynamic GitHub stars count in header Closes #3071 Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
- Remove unused imports (ArrowRight, Users) from HeroSection - Remove invalid next.revalidate option from client-side fetch in Header - Change CardTitle to use semantic h3 element for accessibility - Remove suppressHydrationWarning from html/body in layout - Extract star animation CSS to globals.css (DRY principle) Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
- Add /publishing-flow route with SEO metadata - Create reusable Timeline component (vertical + horizontal) - Implement 5-step publishing workflow with icons - Add responsive design (mobile/desktop layouts) - Include CTA section with Keploy theme Closes #3077 Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
This PR introduces a comprehensive blog publishing workflow documentation page for the Keploy Writers Program. The implementation adds a new route with an interactive timeline component to guide writers through the 5-step publishing process, along with necessary UI components and styling infrastructure.
Key Changes:
- New
/publishing-flowroute with SEO-optimized metadata - Reusable Timeline component with responsive horizontal/vertical layouts
- Complete project setup including TypeScript, Tailwind CSS, and Next.js configurations
- Multiple section components for the main landing page (Hero, About, Offers, Flow, Criteria, Guidelines, Community)
Reviewed changes
Copilot reviewed 23 out of 85 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
src/app/publishing-flow/page.tsx |
New dedicated page for publishing workflow with metadata and footer |
src/components/sections/PublishingFlowSection.tsx |
Main content component with 5-step timeline and CTA section |
src/components/ui/timeline.tsx |
Reusable Timeline component with vertical and horizontal variants |
src/components/ui/card.tsx |
Card component primitives for content display |
src/components/ui/button.tsx |
Button component with multiple variants |
src/components/ui/accordion.tsx |
Accordion component for expandable content |
src/components/sections/* |
Various section components for homepage (Hero, Offers, Flow, Criteria, Guidelines, Community, About) |
src/components/Header.tsx |
Main navigation header with GitHub stars integration |
src/app/globals.css |
Global styles including Keploy theme, animations, and utility classes |
src/lib/utils.ts |
Utility function for className merging |
| Configuration files | TypeScript, Tailwind, Next.js, and PostCSS configuration |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Remove unused Image import from AboutSection.tsx - Remove unused Image, MessageCircle, Heart imports from CommunitySection.tsx Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 4 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Remove redundant '(opens in new tab)' from aria-labels - Make copyright year dynamic using new Date().getFullYear() Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Make copyright year dynamic in publishing-flow footer - Fix spelling: compensations -> compensation Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 3 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Change 'Add to Lineup (Approved)' to 'Add to Publication Lineup' - Update aria-label to 'Blog publishing workflow steps' for better context Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 3 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Fix Twitter URL to use @keaboratory for consistency - Add ariaLabel prop to Timeline components for reusability - Pass custom ariaLabel from PublishingFlowSection Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated 5 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 23 out of 85 changed files in this pull request and generated no new comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
1 participant
Fixes keploy/keploy#3077
Description
This PR adds a new Blog Publishing Flow Documentation Page to help writers understand the complete publishing process of the Keploy Writers Program. The page serves as an onboarding guide for new contributors.
What's included:
/publishing-flowroute with SEO-optimized metadataType of change
How Has This Been Tested?
/publishing-flowroute renders successfullynpm run build- no errorsnpx tsc --noEmit- TypeScript check passedTest Configuration:
Screenshots
Desktop View - Header & Timeline
![Desktop Header]
Desktop View - CTA Section
![Desktop CTA]
Mobile View
![Mobile View]
Files Changed
Checklist:
Ready for review! @amaan-bhati