Next.js のボイラープレートを Claude Code のスラッシュコマンドで適用する

プロダクトをつくりたいって気持ちになっても、 セットアップ（test や lint やデータベースなどなど）のことを考えると、 やっぱいっかとやめちゃうことがめっちゃあるんですが……、 Claude Code のスラッシュコマンドにボイラープレートを設定することで、 さくさくとその壁をこえていけるようになりました！

スラッシュコマンドは.claude/commands/example.mdというファイルを用意すると/exampleでexample.mdのプロンプトを実行してくれる便利機能です。

https://docs.anthropic.com/en/docs/claude-code/slash-commands#custom-slash-commands

セットアップ自体は

pnpx create-next-app@latest

で実行し追加したスラッシュコマンドの、

• setup:nextjs:base
• setup:nextjs:crud

を実行することでボイラープレートを適用しています。

プロンプト

setup:nextjs:base

以下のボイラープレートを適用します。

• リント
• テスト
• CI/CD

https://github.com/jtakahashi0604/commands/blob/main/setup/nextjs/base.md

setup:nextjs:crud

以下のボイラープレートを適用します。

• スキーマ
• データベース
• フォーム

https://github.com/jtakahashi0604/commands/blob/main/setup/nextjs/crud.md