Nodejs Starter - Full-Stack Vue Argon Design

Hello Coders,

This article presents a simple full-stack Nodejs starter, used by me to deliver simple one-page apps with 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.

You may not use before a boilerplate, and this is ok, but in my case, when I start a new project in Nodejs, I try to avoid much as I can to code the bottom layer of the product. This phase usually, is boring, not so creative and relatively time-consuming.

If anyone finds this Nodejs starter useful, the source code for the Nodejs Starter and the Vue Argon Design frontend is published on Github, under the MIT license.

Nodejs Starter , Vue Argon Design - Gif animated presentation.

What is Nodejs

Nodejs is a JavaScript runtime environment that includes everything you need to execute a program written in JavaScript in your favorite operating system. Basically, what you can execute in the browser, by using Nodejs, you can execute directly in the operating system and do things just like Python or Ruby.

What is a starter

In computer programming, a starter (sometimes called boilerplate code) refers to sections of code that have to be included in many places with little or no alteration. Write once, and reuse over and over. You may read more about boilerplate code on Wikipedia.

Vue (for newcomers)

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications.

Vue Argon Design

Vue Argon Design is a free UI kit for Bootstrap4 and Vue, crafted by Creative-Tim and released as a free product.

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

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

Other Nodejs Starters

Thank you!

Show Comments

Get the latest posts delivered right to your inbox.