26 lines
1.2 KiB
Markdown
26 lines
1.2 KiB
Markdown
# [넥스트.js 튜토리얼 : 넥스트-대시보드](https://nextjs.org/learn)
|
|
|
|
```bash
|
|
# 위 제목을 클릭하면 튜토리얼 페이지로 이동합니다.
|
|
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
|
|
|
|
[🖱️ 최종 결과물 클릭](https://nextjs-dashboard-8sa1.vercel.app/) |