Build Your Own JSONPlaceholder with API Keys | Next.js + Prisma Tutorial
- 튜토리얼에서는 Next.js와 Prisma를 사용하여 API 키를 생성하고 가짜 사용자 엔드포인트를 테스트하는 방법을 보여줍니다. 🔑
- 사용자는 이름과 함께 또는 이름 없이 API 키를 생성할 수 있으며, 생성된 키를 사용하여 사용자 데이터를 가져올 수 있습니다. 👤
- API 키는 헤더(X-API-Key)를 통해 전송되며, 유효하지 않은 키는 오류를 반환합니다. 🚫
- 아바타는 api.dybeer.com을 통해 제공됩니다. 🖼️
- 프로젝트는 Next.js, TypeScript, Tailwind CSS, Prisma, PostgreSQL을 사용합니다. 💻
- Prisma 스키마는 API 키와 요청 로그 모델을 정의합니다. 📝
- API 키 모델은 ID, 키, 이름(선택 사항), 활성 상태, 생성 시간, 업데이트 시간을 포함합니다. ⏰
- 요청 로그 모델은 ID, API 키 ID, 엔드포인트, 메서드, 타임스탬프를 포함합니다. 📡
- Prisma Studio를 사용하여 데이터베이스 값을 확인할 수 있습니다. 🗄️
- UI는 API 키 생성 섹션과 생성된 키를 표시하는 섹션으로 구성됩니다. 🎨
- API 엔드포인트는 /api/generate-key로, POST 요청을 통해 API 키를 생성합니다. 🌐
- API 응답 타입은 성공 여부, 데이터(API 키, 생성 시간), 오류 정보를 포함합니다. ✅