Next.js 15 + Tailwind CSS v4 への移行#29
Open
pi-kari wants to merge 10 commits into
Open
Conversation
Replace legacy HTML/SCSS/JS site (HiCoder-site/) with Next.js App Router static export. Components: Header, Hero, About, News, Recruitment, FAQ, Contact, Footer, ScrollTop, Reveal. Images moved to public/assets/img/. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace hardcoded 2021 news items with live blog posts from blog.hicoder.one, fetched at build time via RSS. Adds lib/blog.ts (fast-xml-parser, slug→thumbnail map, link normalization). News cards now show thumbnail image, date, title, and description with a link to each post. "もっと見る" button links to the blog top. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace build-time server fetch with client-side useEffect fetch so new blog posts appear without redeploying the main site. News.tsx is now a 'use client' component; lib/blog.ts uses native DOMParser instead of fast-xml-parser (removed). CORS is open on blog.hicoder.one/rss.xml (access-control-allow-origin: *). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Expand "もっと見る" button to full width in NEWS section - Use new Date().getFullYear() for copyright year in Footer Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Bump all packages to latest (React 19.2, FA v7, react-fontawesome v3, Swiper v12, @types/node 24)
- Migrate Tailwind CSS v3 → v4 with @tailwindcss/postcss; remove autoprefixer
- Replace ESLint + eslint-config-next with Biome (lint + format)
- Fix broken `next lint` script (removed in Next 16) → `biome check .`
- Add "type": "module" to silence ES module warning
- Fix lint: add type="button", replace array index keys, a11y fixes
- Fix image aspect ratio warnings: logo priority, recruitment height={228}
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Adds .github/workflows/deploy.yml to build with pnpm/Next.js and deploy the static export to GitHub Pages on push to main. CNAME (hicoder.one) is preserved via public/CNAME → out/CNAME. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
4パッケージ (@fortawesome/*) を react-icons 1パッケージに置き換え。 Twitter アイコンは FaXTwitter (現X ロゴ) に更新。 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.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
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.
概要
静的 HTML/SCSS で構成されていた
HiCoder-site/を撤去し、Next.js 15 (App Router) + Tailwind CSS v4 ベースのサイトに全面リプレースします。あわせてツールチェーン (Biome / react-icons) の整理と GitHub Pages 自動デプロイ、note ブログの RSS 取り込み機能を追加しています。主な変更
tailwind.config.ts,app/globals.css)components/に分割lib/blog.ts)@fortawesome/*からreact-iconsへ置き換えbiome.json) を導入.github/workflows/deploy.yml) とpublic/CNAMEを追加public/assets/img/に再配置動作確認
pnpm install後、pnpm devでローカル起動し各セクション (Hero / About / News / Recruitment / FAQ / Contact) の表示を確認pnpm buildがエラー無く完了することを確認マージ方針
10 コミットを履歴に残さず 1 コミットにまとめたいため squash merge でマージしてください。