Nodejs Starter - Full-Stack Vue Argon Design

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, build and start the Nodejs Starter backend
• clone, built and start the Vue Argon Design frontend

$ #############################
$ # 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 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.

Starter links

• Nodejs backend sources
• Vue Argon Design sources
• Nodejs / Vue Argon Design demo
• Express Vuejs - Argon Design - How to build from sources (full info)

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

• Nodejs Starter Hackathon
• Nodejs Starter API Kit
• Nodejs Starter Serverless
• Nodejs Starter - React Material Kit

Related Articles

• Boilerplate Code - Open-source Starters
• Nodejs Starter - Open-Source Boilerplate Code
• Nodejs Starter - provided by AppSeed
• Starters and Boilerplate Code - provided by AppSeed

Thank you!