Migrate blog from Gatsby to Next.js (App Router) and update deploy workflow#22
Migrate blog from Gatsby to Next.js (App Router) and update deploy workflow#22
Conversation
|
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: b425d21678
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| run: pnpm install | ||
| - name: Build | ||
| run: pnpm clean && pnpm run build | ||
| run: pnpm install --frozen-lockfile |
There was a problem hiding this comment.
Regenerate lockfile before frozen install in CI
The workflow now runs pnpm install --frozen-lockfile, but this commit also replaces the dependency set in package.json without updating pnpm-lock.yaml; pnpm documents that frozen mode "fail[s] if an update is needed," and at this revision install fails with ERR_PNPM_OUTDATED_LOCKFILE. That means every deploy job will stop at dependency installation and no static build/deploy can complete until the lockfile is regenerated and committed.
Useful? React with 👍 / 👎.
| <p className="mt-4 leading-7 text-gray-700">{post.description}</p> | ||
| <p className="mt-3 text-sm text-gray-600">태그: {post.tags.join(', ') || '없음'}</p> | ||
| <hr className="my-6 border-[#2a2b31]" /> | ||
| <pre className="overflow-x-auto whitespace-pre-wrap rounded-lg bg-gray-100 p-4 text-sm leading-6">{post.content}</pre> |
There was a problem hiding this comment.
Render markdown content instead of raw source text
The post page prints post.content inside a <pre>, so markdown is displayed as literal source (e.g., headings, links, code fences, image syntax) rather than rendered article content. For this blog’s markdown-based posts, readers lose formatted content and media rendering on every post detail page, which is a major functional regression from the previous behavior.
Useful? React with 👍 / 👎.
Motivation
out/folder is deployed to GitHub Pages.Description
app/structure withapp/layout.tsx,app/page.tsx, category and post routes, global CSS, and UI components likePostSearch.lib/posts.tsfor markdown content ingestion,next.config.tswithoutput: 'export', moved static assets intopublic/, and createdpublic/site.webmanifestfor PWA metadata.package.jsonto remove Gatsby dependencies and addnext,react/react-domv19,gray-matter, TypeScript and Tailwind-related dev deps, and updated npm scripts todev,build,start, andlint.tsconfig.jsonadjusted for Next,postcss.config.tsswitched to Tailwind plugin,.gitignoreupdated, and GitHub Actionsdeploy.ymlbumped actions versions, switched Node to20, pnpm to v9, installs with--frozen-lockfile, builds withpnpm run build, and deploys./outviapeaceiris/actions-gh-pages@v4.Testing
Codex Task