Day 7 完了

実装内容:
1. 依存ライブラリ追加: axios, lucide-react, clsx, tailwind-merge
2. APIクライアント作成: frontend/src/lib/api.ts - JWT認証対応
3. ログイン画面作成: frontend/src/app/login/page.tsx - 日本語UI
4. レイアウト更新: frontend/src/app/layout.tsx - Noto Sans JP追加
5. JWTエンドポイント追加: backend/keinasystem/urls.py にJWT URL追加
テスト結果:
- ログインAPI (/api/auth/jwt/create/) → HTTP 200 OK
- テストユーザー: admin / password123
ブラウザで http://localhost:3000/login にアクセスして動作確認できます。
次の工程に移りますか?
This commit is contained in:
Akira
2026-02-15 13:04:48 +09:00
parent ea26c5a46f
commit 964c34471c
6 changed files with 6378 additions and 9 deletions

View File

@@ -1,12 +1,17 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import { Inter, Noto_Sans_JP } from "next/font/google";
import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const notoSansJP = Noto_Sans_JP({
subsets: ["latin"],
variable: "--font-noto-sans-jp",
weight: ["400", "500", "700"],
});
export const metadata: Metadata = {
title: "KeinaSystem",
description: "KeinaSystem Frontend",
description: "KeinaSystem - 農業管理システム",
};
export default function RootLayout({
@@ -15,8 +20,8 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
<html lang="ja">
<body className={`${inter.variable} ${notoSansJP.variable} font-sans`}>{children}</body>
</html>
);
}