GifproGifpro

Biome Lint & Format Setup Prompt for Next.js 15 + TypeScript

CODE PREVIEW

エディタを読み込み中…
P

Prompt

Create a one-command format + lint setup using Biome. project: Next.js 15 with TypeScript. Include biome.json config, npm script, and a sample React component showing lint errors. Use Biome rules: noUnusedVariables, noConsoleLog, useConst, useTemplate. Format on save via VSCode settings.

Biomeはリントとフォーマットを一体化した高速ツール。1コマンドでプロジェクト全体のコードスタイルをチェック&修正できます。このデモでは一般的なlintエラー(未使用変数、console.log、letをconstに、文字列結合)を表示し、Biomeがどう検出するかを示しています。biome.json設定とnpmスクリプトをプロジェクトに追加し、npm run formatを実行するだけで自動修正されます。Next.js + TypeScriptとの相性も抜群です。

Prompt Overview

Biome is a high-speed tool that integrates linting and formatting into one. With a single command, you can check and fix the code style of your entire project. This demo displays common lint errors (unused variables, console.log, converting let to const, string concatenation) and shows how Biome detects them. By adding the biome.json configuration and npm scripts to your project, simply running npm run format will automatically fix them. It also works perfectly with Next.js + TypeScript.

Was this prompt helpful?

Comments

Comments appear after moderation

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
Homeヘルプ