lerko/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

migrate CRA to Next.js 16 + React 19 + TypeScript + Tailwind v4

Browse Source 
- replace CRA scaffold with Next.js static export config
- add app router pages: home, homelab, archive
- add components: Nav, Footer, Hero, Skills, ProjectCard, ThemeScript
- add ThemeContext for dark mode with FOUC prevention
- add data layer: projects.ts, services.ts
- update .gitignore for Next.js (ignore .next/, out/, next-env.d.ts)
- add docs: handoff plan, homelab decisions, style reference
This commit is contained in:
lerko96
2026-04-10 18:46:19 -04:00
parent 798027bb9d
commit ea63347cd6
63 changed files with 8342 additions and 19830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ThemeScript.tsx Normal file
View File

@@ -0,0 +1,12 @@
// Server component — renders a blocking inline script that sets the dark class
// on <html> before React hydrates, preventing flash of wrong theme.
export default function ThemeScript() {
const script = `
(function() {
var stored = localStorage.getItem('lerko96-dark-mode');
var dark = stored === null ? true : stored === 'true';
if (dark) document.documentElement.classList.add('dark');
})();
`;
return <script dangerouslySetInnerHTML={{ __html: script }} />;
}