prettierの設定

Author: na-trium-144

.prettierrc

@@ -0,0 +1 @@
+trailingComma: "es5"

README.md

@@ -10,7 +10,17 @@ npm ci
 ```bash
 npm run dev
 ```
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+[http://localhost:3000](http://localhost:3000) で開きます。
+
+```bash
+npm run format
+```
+でコードを整形します。
+
+```bash
+npm run lint
+```
+でコードをチェックします。出てくるwarningやerrorはできるだけ直しましょう。
 
 ## 技術スタック・ドキュメント・メモ
 

app/[docs_id]/page.tsx

@@ -14,7 +14,7 @@ export default async function Page({
   try {
     mdContent = await readFile(
       join(process.cwd(), "docs", `${docs_id}.md`),
-      "utf-8",
+      "utf-8"
     );
   } catch (error) {
     console.error(error);

package-lock.json

@@ -6,7 +6,8 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "format": "prettier --write app/"
   },
   "dependencies": {
     "next": "15.4.5",
@@ -23,6 +24,7 @@
     "daisyui": "^5.0.50",
     "eslint": "^9",
     "eslint-config-next": "15.4.5",
+    "prettier": "^3.6.2",
     "tailwindcss": "^4",
     "typescript": "^5"
   }