Program pages#792
Merged
Merged
Conversation
…-Ready, and Studio - Created new MDX files for Core Curriculum, Mentorship Program, Mission-Ready Platform, and Studio. - Implemented program overview, outcomes, and how it works sections in each program's MDX file. - Developed a programs index page to display all programs with descriptions and links. - Added dynamic routing for individual program pages using Next.js.
- Added @types/mdx version 2.0.13 to package.json. - Cleaned up yarn.lock by removing unused @emotion dependencies and ensuring proper versioning for existing packages.
Contributor
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Contributor
There was a problem hiding this comment.
Pull Request Overview
This pull request introduces a comprehensive program pages system for the Vets Who Code application, allowing veterans to explore and learn about available programs through dedicated pages. The implementation uses MDX for rich content rendering and Next.js static generation for optimal performance.
- Dynamic program listing with metadata-driven content organization
- Individual program detail pages with structured information including overviews, outcomes, and application processes
- Enhanced CSS compatibility for Font Awesome icons with legacy browser support
Reviewed Changes
Copilot reviewed 13 out of 15 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| src/pages/programs.tsx | Main programs listing page with dynamic content generation |
| src/pages/programs/[slug].tsx | Dynamic routing for individual program pages using MDX |
| src/pages/programs/index.mdx | Programs overview page with card-based layout |
| src/data/programs/*.mdx | Content files for four programs with structured metadata |
| package.json | Added MDX dependencies for content rendering |
| src/assets/css/font-awesome-pro.min.css | Enhanced browser compatibility for CSS filters |
Comments suppressed due to low confidence (2)
src/pages/programs/[slug].tsx:9
- The function name 'getAllMediaPosts' is misleading when used to fetch program data. Consider renaming this function to something more generic like 'getAllMdxPosts' or 'getAllContentPosts' to better reflect its purpose across different content types.
import { getAllMediaPosts } from "../../lib/mdx-pages";
src/pages/programs.tsx:5
- The function name 'getAllMediaPosts' is misleading when used to fetch program data. Consider renaming this function to something more generic like 'getAllMdxPosts' or 'getAllContentPosts' to better reflect its purpose across different content types.
import { getAllMediaPosts } from "../lib/mdx-pages";
|
🔍 Code Quality Score Breakdown:
💡 Recommendations:
|
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
|
🔍 Code Quality Score Breakdown:
💡 Recommendations:
|
jonulak
added a commit
that referenced
this pull request
Jul 13, 2025
commit ab9ba27 Author: Jerome Hardaway <jerome@vetswhocode.io> Date: Sat Jul 12 01:39:36 2025 -0400 Feat/redesign programs page (#793) * Feat: Redesign programs page with new Hero, ProgramCard, and CTA components * feat: update Programs page layout with new HeroArea and ProgramCard integration --------- Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com> commit 39d578b Author: Jerome Hardaway <jerome@vetswhocode.io> Date: Sat Jul 12 00:32:49 2025 -0400 Program pages (#792) * Add core programs for veterans: Core Curriculum, Mentorship, Mission-Ready, and Studio - Created new MDX files for Core Curriculum, Mentorship Program, Mission-Ready Platform, and Studio. - Implemented program overview, outcomes, and how it works sections in each program's MDX file. - Developed a programs index page to display all programs with descriptions and links. - Added dynamic routing for individual program pages using Next.js. * chore: add @types/mdx dependency and update yarn.lock - Added @types/mdx version 2.0.13 to package.json. - Cleaned up yarn.lock by removing unused @emotion dependencies and ensuring proper versioning for existing packages. * Update src/pages/programs/[slug].tsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
This pull request introduces significant enhancements to the
Programssection of the application, including new program pages, updates to dependencies, and improvements to styling. The changes focus on creating a structured and user-friendly experience for veterans exploring program offerings.New Program Pages and Features:
src/pages/programs.tsxfile to dynamically list all programs with their descriptions and links to individual pages. This includes fetching program metadata usinggetStaticProps.src/pages/programs/[slug].tsx) to display detailed information. These pages use MDX for content rendering andgetStaticPathsfor dynamic routing. (src/pages/programs/[slug].tsxR1-R66)Program Content:
core-curriculum.mdx,mentorship.mdx,mission-ready.mdx,studio.mdx) undersrc/data/programs. Each file contains structured content including an overview, outcomes, and application details. [1] [2] [3] [4]Dependency Updates:
package.jsonto includenext-mdx-remoteand@types/mdxfor MDX support, enabling dynamic and rich content rendering. [1] [2]Styling Enhancements:
src/assets/css/font-awesome-pro.min.cssfor better compatibility with older browsers. [1] [2]Program Overview Page:
src/pages/programs/index.mdxto provide an overview of all programs with links to detailed pages. This serves as an entry point for exploring program offerings.