Nodejs 스타터 - 전체 스택 Vue 아르곤 설계

안녕하세요 코더 여러분,

이 기사에서는 Vue로 코딩된 간단한 앱(주로 한 페이지)을 제공하는 데 사용하는 Nodejs starter을 소개합니다. 여기에 설명된 Javascriptboilerplate code는 로켓 과학은 아니지만 새 프로젝트의 설정 단계를 자동화하는 데 몇 번 도움이 되었습니다.

Thanks for reading! - Content provided by App Generator.




소스에서 빌드



Nodejs Starter은 Vue Argon 디자인 프런트엔드가 안전한 ajax 호출을 통해 Nodejs/Express 백엔드와 통신하는 분리된 아키텍처를 사용하여 구축되었습니다.

이 스타터를 사용하고 시작하려면 몇 가지 간단한 단계를 따라야 합니다.
  • Nodejs Starter 백엔드
  • 복제, 빌드 및 시작
  • 복제, 구축 및 Vue Argon Design 프런트엔드 시작

  • $ #############################
    $ # clone and build the backend
    
    $ git clone https://github.com/app-generator/nodejs-starter.git
    $ cd nodejs-starter
    $ yarn
    $ yarn start # backend runs on port 3000
    
    $ #############################
    $ # clone and build the Vue Frontend
    
    $ git clone https://github.com/app-generator/vuejs-argon-design-system.git
    $ cd vuejs-argon-design-system
    $ yarn
    $ yarn start # Frontend runs on port 8080
    



    Nodejs 스타터 기능



    유용한 것을 제공하기 위해 스타터에는 인증, 깔끔한 디자인 및 허용 라이센스와 같은 최소한의 기능 세트가 있습니다.

  • Nodejs/익스프레스 백엔드

  • SQLite ORM에서 관리하는 Sequelize 데이터베이스. 간단한 사용자 테이블이 제공됩니다.

  • JWT 토큰 인증

  • Vue Argon Design 유명한 Creative-Tim 에이전시에서 제작했습니다.
  • 로그인 및 등록 기능



  • Vue 아르곤 디자인 프론트엔드



    이 스타터는 로그인 및 등록 기능이 강화된 간단한 랜딩 페이지입니다. Argon Design System에서 제공하는 UI 요소를 사용하여 앱을 쉽게 확장하고 사용자 정의할 수 있습니다.




    시작 링크



  • Nodejs backend 소스

  • Vue Argon Design 소스

  • Nodejs / Vue Argon Design demo

  • Express Vuejs - Argon Design - 소스에서 빌드하는 방법(전체 정보)



  • 반응과 의견을 바탕으로 새로운 정보로 이 기사를 업데이트하겠습니다. 때로는 신뢰할 수 있는 소스의 상용구를 사용하면 귀중한 시간을 절약하고 개발 속도를 약간 높일 수 있습니다.


    다른 Nodejs 스타터


  • Nodejs Starter Hackathon
  • Nodejs Starter API Kit
  • Nodejs Starter Serverless



  • 관련 기사



  • Boilerplate Code - Open-source Starters
  • Nodejs Starter - Open-Source Boilerplate Code

  • Nodejs Starter - AppSeed 제공
  • 스타터 및 Boilerplate Code - AppSeed 제공



  • Thank you!

    좋은 웹페이지 즐겨찾기