dev.ui
DevUI is a set free and open source accessible and customizable React Components and Templates that accelerate the development process.
파일 탐색기
최종 버전 다운로드 (.zip)- settings.json
- page.tsx
- ComponentNav.tsx
- layout.tsx
- page.tsx
- page.tsx
- layout.tsx
- page.tsx
- error.tsx
- layout.tsx
- loader.tsx
- page.tsx
- CirlceImage.tsx
- ContentAvatar.tsx
- SquareAvatar.tsx
- UserAvatar.tsx
- Button1.tsx
- Button2.tsx
- Button3.tsx
- Button4.tsx
- Button5.tsx
- Button6.tsx
- Button7.tsx
- Button8.tsx
- Card1.tsx
- Card10.tsx
- Card2.tsx
- Card3.tsx
- Card4.tsx
- Card5.tsx
- Card6.tsx
- Card7.tsx
- Card8.tsx
- Card9.tsx
- Features1.tsx
- Features2.tsx
- Features3.tsx
- Features4.tsx
- Features5.tsx
- Footer1.tsx
- Footer2.tsx
- Footer3.tsx
- Footer4.tsx
- HeroDemo.tsx
- HeroFeatures.tsx
- HeroSaaS1.tsx
- HeroSaaS2.tsx
- HeroSaaS3.tsx
- HeroSection.tsx
- HeroSection10.tsx
- HeroSection2.tsx
- HeroSection3.tsx
- HeroSection4.tsx
- HeroSection5.tsx
- HeroSection6.tsx
- HeroSection7.tsx
- HeroSection8.tsx
- HeroSection9.tsx
- HeroShowcase.tsx
- HeroSocial.tsx
- ProgressBar.tsx
- Spinner-Component.tsx
- Modal.tsx
- ModalConfirm.tsx
- ModalForm.tsx
- ModalImage.tsx
- ModalNotification.tsx
- Nav1.tsx
- Nav2.tsx
- NavBreadcrumb.tsx
- NavDropdown.tsx
- NavHorizontal.tsx
- NavSidebar.tsx
- TabsBasic.tsx
- TabsCard.tsx
- TabSection.tsx
- TabsVertical.tsx
- VerticalTab.tsx
- data.tsx
- useMediaQuery.ts
- useOnClickOutside.ts
- useScrollDirection.ts
- Aber-Mono-Bold.otf
- Aber-Mono-Regular.otf
- IBMPlexMono-Bold.ttf
- IBMPlexMono-Medium.ttf
- IBMPlexMono-Regular.ttf
- Jost-Bold.ttf
- Jost-Medium.ttf
- Jost-Regular.ttf
- Joyride-Round.otf
- MADE-Outer-Sans.otf
- Raleway-Medium.ttf
- Raleway-Regular.ttf
- Rubik-Bold.ttf
- Rubik-Medium.ttf
- Rubik-SemiBold.ttf
- Amigos Work Space.png
- background.svg
- ben-blennerhassett-LR5eS1C9IUU-unsplash.jpg
- binance 1.svg
- binance-coin-(bnb).svg
- bitcoin-(btc).svg
- bitmex 1.svg
- blockport 1.svg
- cardImage.jpeg
- circle.png
- coinbase 1.svg
- component-page-image.png
- dev-ui.gif
- ethereum-classic-(etc).svg
- favicon.ico
- githublogo.svg
- gradient.svg
- gradient1.svg
- Gradient2.svg
- Gradient3.svg
- hero-card.png
- KEEPSMILING.png
- litecoin(ltc).svg
- nft.png
- openModel.svg
- pc_guy.png
- preview.png
- robots.txt
- sitemap-0.xml
- sitemap.xml
- solana-(sol).svg
- SPACE.png
- template-page-image.png
- test.ico
- trontron-(trx).svg
- vercel.svg
- globals.css
- component-map.tsx
- getBaseUrl.ts
- GoogleAnalytics.tsx
- index.tsx
- CodeDisplay.tsx
- ComponentDisplay.tsx
- TemplateDisplay.tsx
- useCopyToClipboard.ts
- ComponentButton.tsx
- Drawer.tsx
- Footer.tsx
- Hero.tsx
- Nav.tsx
- Seo.tsx
- ShowCase.tsx
- template-navbar.tsx
- .eslintrc.json
- .gitignore
- .npmrc
- next-env.d.ts
- next-sitemap.config.js
- next.config.js
- package.json
- pnpm-lock.yaml
- postcss.config.js
- README.md
- tailwind.config.js
- tsconfig.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/kumard3/dev.ui
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd dev.ui
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
yarn
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm run dev
개발/실행 서버를 켭니다.
yarn dev
개발/실행 서버를 켭니다.
npm run build
배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)