Nodejs Starter - Full-Stack Vue Argon Design

#node #boilerplate #appseed

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

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!

Top comments (5)

DGAME • Jul 7 '19

Thank you could u write a tutorial explaining the authentication in nodejs thanks

Sm0ke • Jul 7 '19 • Edited

Yep.
App uses JWT, where the token is generated based on the user credentials (user/pass).

jwt.io/introduction/

Take a look at this, might be useful.

DGAME • Jul 15 '19

Thanks could your help with a tutorial that explains backend development with Javascript 👍👍 Read the backend code and understood it also learning but could u recommend more?