Migrate from static HTML template to Next.js React application#3
Merged
jonathanperis merged 9 commits intochore/little-big-refactor-2026from Mar 12, 2026
Merged
Conversation
…pired design Complete rewrite of the personal portfolio website from a static HTML/Bootstrap/jQuery site to a modern Next.js + TypeScript + Tailwind CSS application. Key changes: - Replaced static HTML with Next.js App Router and static export for GitHub Pages - Implemented Brittany Chiang-inspired dark navy design with green accent colors - Added mouse-following spotlight effect and scroll-based navigation highlighting - Sticky left sidebar with name, title, tagline, and social links - Scrollable right content with About, Experience, and Projects sections - Updated work experience to include Credit Suisse as most recent role - Added featured GitHub projects (cpnucleo, rinha2-back-end-dotnet, etc.) - Added GitHub Actions workflow for automated build and deployment - Proper attribution to Brittany Chiang in footer https://claude.ai/code/session_01UbiP4Peg6CTE1KsL8Vi5Rx
- Replace Credit Suisse with Derivative Path Inc. as current role (Jul 2023 - Present) - Add T-Systems / Volkswagen Group as separate role (Feb 2023 - Jul 2023) - Update all experience entries with accurate dates, titles, and descriptions - Update company names (5A Attiva / Amil, Sonda IT / Leroy Merlin) - Remove Sabesp entry (not in CV) - Update subtitle to ".NET Developer / .NET Architect" - Rewrite About section to reflect CV skills and current work - Add accurate tech tags matching CV key skills per role - Add "Coded with AI using Claude Code" to footer https://claude.ai/code/session_01UbiP4Peg6CTE1KsL8Vi5Rx
Replace public/cv_jonathan_peris.pdf with an updated binary PDF. This commit updates the published CV/resume file in the public directory (no source code changes).
- Rename package from "temp-next" to "jonathanperis.github.io" - Add .nojekyll to public/ so _next/ assets are served correctly by GitHub Pages - Fix deploy job environment URL to use steps.deployment.outputs.page_url - Use npm run build instead of npx next build for consistency https://claude.ai/code/session_01UbiP4Peg6CTE1KsL8Vi5Rx
Owner
Author
|
@copilot open a new pull request to apply changes based on the comments in this thread |
Contributor
|
@jonathanperis I've opened a new pull request, #4, to work on those changes. Once the pull request is ready, I'll request review from you. |
…ovements Co-authored-by: jonathanperis <13967942+jonathanperis@users.noreply.github.com>
Apply PR review feedback: perf, accessibility, and React key stability
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.
Summary
This PR completely restructures the portfolio website from a static HTML template (Sphere theme) to a modern Next.js React application with TypeScript support and Tailwind CSS styling.
Key Changes
app/page.tsxwith React component for the main portfolio pageapp/layout.tsxfor the root layout with metadata configurationapp/globals.csswith Tailwind CSS imports and custom theme variableseslint.config.mjsfor ESLint configuration.github/workflows/deploy.ymlfor GitHub Pages deploymentImplementation Details
page.tsximplements a client-side React component with navigation, experience timeline, and projects showcaseuseState,useEffect,useRef) for interactive features like smooth scrolling and active section highlighting"use client"directivehttps://claude.ai/code/session_01UbiP4Peg6CTE1KsL8Vi5Rx