넥스트.js 튜토리얼 : 넥스트-대시보드

# 위 제목을 클릭하면 튜토리얼 페이지로 이동합니다.
git clone https://gitea.rsone.duckdns.org/bigdeejay/nextjs_tutorial.git
cd nextjs_tutorial
npm install -g pnpm@latest-10
pnpm i
pnpm dev

# 초기에는 실행되지 않습니다. 본 프로젝트는 완성 소스 참고용입니다.
# 튜토리얼을 보면서 진행해 보세요.

개선 과제

1. 'Chapter6 Setting Up Your Database'
   • Postgres 생성 버튼이 없을 겁니다. Neon으로 대신해서 진행해 보세요.
2. 'Chapter13 Improving Accessibility'
   • https://nextjs.org/learn/dashboard-app/improving-accessibility#practice-adding-aria-labels 와 똑같이 에러 메세지를 표시해 보세요.
   • 대상 파일(2개): app/ui/invoices/create-form.tsx | app/dashboard/invoices/[id]/edit/page.tsx
3. 프로젝트 검증하기
   • next lint 명령어 입력 -> ✔ No ESLint warnings or errors 확인
4. 본인 Github에 소스를 업로드하고, vercel[https://vercel.com/home]에 배포해보기
   • redirect 이슈 참고: https://github.com/vercel/next-learn/issues/907

🖱️ 최종 결과물 클릭