NextJS 자료 키트 - 무료 TypeScript 템플릿

안녕하세요 코더 여러분!

이 문서는 최근 TypeScript로 업데이트된 오픈 소스NextJS Template 및 up-to-date dependencies(React v18, NextJS v12.3)를 제공합니다. 허용(MIT) 라이센스를 기반으로 하는 제품은 상용 프로젝트 또는 eLearning 활동에 사용할 수 있습니다. 초보자를 위해 NextJS는 초고속 전체 스택 앱을 빠르게 코딩하는 데 사용되는 강력한React Framework 도구입니다. 읽어 주셔서 감사합니다!

👉 NextJS Material Kit - 라이브 데모

👉 NextJS Material Kit - 소스코드

✨ 사용 방법

오픈 소스 프로젝트인 NextJS Material Kit는 Github에서 다운로드할 수 있으며 NPM 또는 Yarn 와 같은 클래식 도구를 사용하여 로컬에서 컴파일할 수 있습니다. 프로젝트 README에 명시된 바와 같이 소스는 Node v16.x , v18.x로 테스트되었으며 런타임 또는 컴파일 문제를 피하기 위해 소스를 사용하는 것이 좋습니다.

👉 Step #1 - Clone the repo

$ git clone https://github.com/app-generator/nextjs-material-kit
$ cd nextjs-material-kit

👉 Step #2 - Install modules

$ yarn 
// OR
$ npm i

👉 Step #3 - Start the app

$ yarn start
// OR
$ npm run start

👉 Step #4 - Static Export

$ yarn export
// OR
$ npm run export

정적 사이트는 out 디렉토리에 생성됩니다.

✨ 제품 하이라이트

UI는 100개 이상의 개별 프런트엔드 요소로 구성되어 선택과 결합의 자유를 제공합니다. 모든 구성 요소는 다양한 색상을 가질 수 있으며 개발자는 SASS 및 JSS(JS 파일 내부) 파일 및 클래스를 사용하여 쉽게 수정할 수 있습니다.

✅ 모던 스택: React/NextJS

✅ TypeScript

✅ Vercel 및 Netlify용 원클릭 배포

✅ 활성 버전 관리

예제 페이지 - 영감을 얻거나 고객에게 직접 무언가를 보여주고 싶다면 사전 구축된 예제 페이지로 개발을 바로 시작할 수 있습니다.

Thanks for reading! For more resources and support, please access:

✨ Django, Flask 및 React에서 제작된 기타Free Dashboards

✨ 더 보기Admin Dashboards - 제품이 있는 방대한 색인