loading...
Cover image for Nodejs Starter - Full-Stack Vue Argon Design

Nodejs Starter - Full-Stack Vue Argon Design

sm0ke profile image Sm0ke Updated on ・3 min read

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.

In a rush? Access the product page, grab the code and build something nice for your clients: Express Vuejs - Argon Design


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

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!

Discussion

pic
Editor guide
Collapse
samuelojes profile image
DGAME

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

Collapse
sm0ke profile image
Sm0ke Author

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 Author

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