이 단계별 튜토리얼에서는 Next.js 15, Shadcn, TypeScript, Drizzle ORM, Neon을 사용하여 서버리스 PostgreSQL 데이터베이스를 위한 최신 CRUD(생성, 읽기, 업데이트, 삭제) 애플리케이션을 구축하는 방법을 알아봅니다. 최신 도구를 사용하여 풀스택 개발을 마스터하려는 초보자와 중급 개발자에게 적합합니다!
학습 내용
TypeScript를 사용하여 Next.js 15 프로젝트 설정
Drizzle ORM 구성 및 Neon 데이터베이스 연결
앱의 데이터베이스 스키마 생성
안전한 백엔드 로직을 위한 서버 액션 구현
Shadcn 구성 요소를 사용하여 세련된 UI 구축
CRUD 작업 수행: 사용자 생성, 읽기, 업데이트, 삭제
저장소는 다음과 같습니다.
https://github.com/TheOrcDev/orcish-crud
8bitcn도 꼭 확인하세요!
https://www.8bitcn.com/
비즈니스 성장을 위한 맞춤형 웹 솔루션을 찾고 계신가요? 저희가 도와드리겠습니다!
👉 https://www.hordewebsolutions.com/ 에서 방문하세요.
다음 영상 시청:
• Building Meal Planner AI with Next.js & Op...
⚔️ 호드에 참여하세요
Discord: / discord
Github: https://github.com/TheOrcDev
X: https://x.com/theorcdev
확인할 프로젝트:
대시보드: https://github.com/TheOrcDev/orcish-d...
AI 프레임워크: https://github.com/TheOrcDev/orcish-a...
제 첫 SaaS 프로젝트입니다. 등록하시면 무료 토큰 5개를 드립니다!
https://www.textualgames.com/
00:00 - 소개
00:39 - Next.js 초기화
01:20 - Drizzle ORM 및 Neon 설정
04:06 - 데이터베이스 스키마 정의
06:07 - 서버 액션 구현
09:15 - Shadcn 초기화
11:26 - Users 테이블 작성
15:00 - 사용자 생성
24:31 - 사용자 삭제
30:47 - 사용자 업데이트
34:31 - 결론
#웹개발 #orcdev #react #nextjs #typescript