admin 페이지, 관리자 사이트 템플릿 소개(ft. metronic)

admin page 템플릿

 

관리자 admin 페이지 템플릿을 

소개합니다. 

 

웹사이트나 앱을 운영하기 위해서는 관리자 사이트, admin 페이지가 필요합니다.
이때 admin 페이지 템플릿을 이용할 경우,
디자인, 퍼블리싱 단계의 업무 시간을 단축시키고, 디자인과 기능이 훌륭한 사이트를 만들 수 있습니다.

어드민 페이지의 경우, 소비자에게 노출되는 것이 아니라, 관리자만 접속해서 보는 화면이기 때문에
따로 디자인이나 기획에 많은 resource를  투자하지 않기 위해, 간편한 템플릿을 많이 사용하기도 합니다.

그래서 퍼블리셔, 프론트엔드 개발자, 디자이너가 admin 사이트를 기획, 디자인, 퍼블리싱하는 과정에 활용할 수 있는 메트로닉 어드민 디자인 템플릿을 소개하겠습니다.

 

metronic 템플릿

https://keenthemes.com/metronic/

Premium Bootstrap 5 HTML, Angular 11, VueJS, React & Laravel Admin Dashboard Themes

 

부트스트랩을 이용한 다양한 종류의 어드민 페이지의 데모를 확인할 수 있습니다.
반응형 레이아웃과 ui가 준비되어 있고, html, react, vue.js, angular 등의 프레임워크 별로 제작이 되어있어
구매하여 코드를 다운로드하여 사용하면 됩니다.

 

템플릿 사용료는 기본적인 기능을 제공하는 것이 35달러, 무제한 기능을 제공하는 것이 950달러입니다. 

 

왼쪽의 메뉴바에서는 디자인된 형태의 다양한 요소의 ui를 찾아볼 수 있습니다.
실무에서 사용하는 폼과 텍스트 에디터, 테이블과 같은 요소가 준비되어있고,
폼에서 필요한 유효성 validation 체크도 되어있습니다. 

 

간단한 ui는 </> 버튼을 선택하여 코드를 볼 수 있습니다. 

 

테이블의 경우, 데이터를 검색, 필터 기능도 세팅되어있습니다.

 

이렇게 구현이 되어있는 관리자 페이지 화면을 사용하거나 각종 ui 요소를 모아 관리자 페이지를 구성하여 활용 합니다.