nextjs dashboard

이것은 create-next-app --typescript .js 프로젝트입니다.

다음 .js 대시 보드

유명한 오픈 소스 부스트랩 관리자 템플릿 인 Coreui가있는 다음 .js 보일러 플레이트.

이 대시 보드는 앱 라우터를 사용하여 Typescript 및 React Bootstrap으로 제작되었습니다.

스크린 샷

계기반

https://nextjs-dashboard-olive.vercel.app

빛	어두운

모바일 (붕괴)	모바일 (확장)

샘플 페이지

https://nextjs-dashboard-olive.vercel.app/pokemons

다국어

영어	日本語

로그인

https://nextjs-dashboard-olive.vercel.app/login

등록하다

https://nextjs-dashboard-olive.vercel.app/register

시작하기

먼저 응용 프로그램을 설정하십시오.

pnpm install

그런 다음 개발 서버를 실행합니다.

pnpm run dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

app/(dashboard)/page.tsx 수정하여 페이지 편집을 시작할 수 있습니다. 파일을 편집 할 때 페이지가 자동 업데이트됩니다.

자세히 알아보십시오

JS에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

• Next.js 문서 - Next.js 기능 및 API에 대해 알아보십시오.
• 다음.js- 대화식 Next.js 튜토리얼을 배우십시오.

JS Github 리포지토리를 확인할 수 있습니다. 귀하의 의견과 기부금을 환영합니다!

참조

1. https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/function_components/