本番サイト作るぞー

.github/workflows/lint.yml

@@ -19,4 +19,4 @@ jobs:
           version: 10.4.0
       - run: pnpm install --frozen-lockfile
       - run: pnpm check
-      - run: pnpm lint
+      - run: pnpm prettier:check

2025/.prettierrc.mjs

@@ -0,0 +1,21 @@
+// .prettierrc.mjs
+/** @type {import("prettier").Config} */
+export default {
+	plugins: ['prettier-plugin-astro', 'prettier-plugin-tailwindcss'],
+	tailwindStylesheet: 'src/styles/global.css',
+	tailwindConfig: 'tailwind.config.ts',
+	overrides: [
+		{
+			files: '*.astro',
+			options: {
+				parser: 'astro',
+			},
+		},
+		{
+			files: '*.svelte',
+			options: {
+				parser: 'svelte',
+			},
+		},
+	],
+};

2025/astro.config.mjs

@@ -1,4 +1,6 @@
 import react from '@astrojs/react';
+import tailwindcss from '@tailwindcss/vite';
+
 // @ts-check
 import { defineConfig } from 'astro/config';
 
@@ -20,6 +22,7 @@ export default defineConfig({
 		},
 		plugins: [
 			Macros(),
+			tailwindcss(),
 		],
 	},
 

2025/package.json

@@ -11,10 +11,13 @@
 		"astro": "astro",
 		"check": "astro check",
 		"lint": "eslint --cache .",
-		"format": "nr lint --fix"
+		"format": "nr lint --fix",
+		"prettier:check": "prettier --cache --check --plugin-search-dir=. src",
+		"prettier:fix": "prettier --cache --write --plugin-search-dir=. src"
 	},
 	"dependencies": {
 		"@astrojs/react": "^4.2.0",
+		"@tailwindcss/vite": "^4.1.6",
 		"@types/react": "^19.0.8",
 		"@types/react-dom": "^19.0.3",
 		"astro": "^5.3.0",
@@ -23,6 +26,7 @@
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0",
 		"satori": "^0.12.1",
+		"tailwindcss": "^4.1.6",
 		"ufo": "^1.5.4"
 	},
 	"devDependencies": {
@@ -32,7 +36,11 @@
 		"eslint": "^9.20.1",
 		"eslint-plugin-astro": "^1.3.1",
 		"eslint-plugin-format": "^1.0.1",
+		"prettier": "^3.5.3",
+		"prettier-plugin-astro": "^0.14.1",
+		"prettier-plugin-tailwindcss": "^0.6.11",
 		"sharp": "^0.33.5",
+		"tailwind-merge": "^3.3.0",
 		"typescript": "^5.7.3",
 		"unplugin-macros": "^0.16.0"
 	},