Nodejs Starter - Full-Stack Vue Argon Design

Sm0ke - Jul 6 '19 - - Dev Community

Hello Coders,

In this article, I will present the Nodejs starter that I'm using to deliver simple apps, mostly one-page, coded in Vue. The Javascript boilerplate code described here is not rocket science but helped me a few times to automate the setup phase for a new project.

Thanks for reading! - Content provided by App Generator.


Build from sources

The Nodejs Starter is built using a decoupled architecture, where the Vue Argon Design frontend communicates with the Nodejs / Express backend through secure ajax call.

To use and start this starter, a few simple steps must be followed:

$ #############################
$ # 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
Enter fullscreen mode Exit fullscreen mode

Nodejs Starter Features

In order to provide something useful, the starter has a minimum set of features like authentication, clean design, and a permissive license.

  • Nodejs / Express backend
  • SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
  • JWT token authentication
  • Vue Argon Design crafted by the famous Creative-Tim agency.
  • Login and Registration features

Vue Argon Design frontend

This starter is a simple landing page, enhanced with login and registration features. Using the UI elements provided by the Argon Design System, the app can be easily extended and customized.

Full-Stack Nodejs Starter with Vue design - Gif animated presentation.


Starter links


I will update this article with new information, based on the reactions and comments. Sometimes, using a boilerplate, from a trusted source can help you to save some valuable time and speed up a little the development speed.


Other Nodejs Starters


Related Articles


Thank you!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player