DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Nodejs Starter - Full-Stack Vue Argon Design
Sm0ke
Sm0ke

Posted on • Updated on

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 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!

Top comments (5)

Collapse
 
samuelojes profile image
DGAME

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

Collapse
 
sm0ke profile image
Sm0ke • Edited on

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.

Collapse
 
samuelojes profile image
DGAME

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?

Thread Thread
 
sm0ke profile image
Sm0ke

Hello,
Thank you for your feedback.
I will provide more stuff related to boilerplate code and Nodejs starters in the near future.

Collapse
 
carlillo profile image
Carlos Caballero

Thanks!!

Classic DEV Post

brain computer interface

Experimenting with brain-computer interfaces in JavaScript