Nodejs Starter - Full-Stack Vue Argon Design
Tags: node, boilerplate, appseed
Published: 2019-07-06 10:05:07

---
title: Nodejs Starter - Full-Stack Vue Argon Design
published: true
description: An open-source Nodejs Starter with Argon Design design to inspire Javascript / Vue coders
cover_image: https://raw.githubusercontent.com/app-generator/static/master/products/fullstack-express-vuejs-argon-authentication-intro.gif
tags: nodejs, boilerplate, appseed
---
Hello Coders,

In this article, I will present the **[Nodejs starter](https://appseed.us/boilerplate-code/nodejs-starter)** that I'm using to deliver simple apps, mostly one-page, coded in **Vue**. The Javascript **[boilerplate code](https://appseed.us/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](https://appseed.us/)**.

--- 

## Build from sources

The **[Nodejs Starter](https://appseed.us/boilerplate-code/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](https://appseed.us/boilerplate-code/nodejs-starter)** backend
 - clone, built and start the **[Vue Argon Design](https://appseed.us/apps/vuejs/express/argon-design-system-creative-tim)** 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](https://appseed.us/boilerplate-code/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](https://nodejs.org/en/) / Express backend
 - [SQLite](https://www.sqlite.org/index.html) database, managed by [Sequelize](http://docs.sequelizejs.com/) ORM. A simple Users tabel is provided.
 - [JWT](https://jwt.io/introduction/) token authentication
 - [Vue Argon Design](https://github.com/app-generator/vuejs-argon-design-system) crafted by the famous Creative-Tim agency.
 - Login and Registration features

---

## [Vue Argon Design](https://appseed.us/apps/vuejs/express/argon-design-system-creative-tim) frontend

This starter is a simple landing page, enhanced with login and registration features. Using the UI elements provided by the [Argon Design System](https://www.creative-tim.com/product/vue-argon-design-system?ref=appseed), the app can be easily extended and customized.   

![Full-Stack Nodejs Starter with Vue design - Gif animated presentation.](https://github.com/app-generator/static/blob/master/starters/nodejs-starter-full-stack-vue-argon-design-intro.gif?raw=true)

---

## Starter links

 - [Nodejs backend](https://appseed.us/boilerplate-code/nodejs-starter) sources 
 - [Vue Argon Design](https://appseed.us/apps/vuejs/express/argon-design-system-creative-tim) sources
 - [Nodejs / Vue Argon Design demo](https://express-vuejs-argon-design.appseed.us/#/) 
 - [Express Vuejs - Argon Design](https://github.com/app-generator/fullstack-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](https://github.com/sahat/hackathon-starter)
 - [Nodejs Starter API Kit](https://github.com/kriasoft/nodejs-api-starter)
 - [Nodejs Starter Serverless](https://github.com/AnomalyInnovations/serverless-nodejs-starter)
 - [Nodejs Starter - React Material Kit](https://dev.to/sm0ke/nodejs-starter-full-stack-material-kit-react-3i17)
 
---

## Related Articles 

- [Boilerplate Code - Open-source Starters](https://blog.appseed.us/boilerplate-code-open-source-starters/)  
- [Nodejs Starter - Open-Source Boilerplate Code](https://blog.appseed.us/nodejs-starter-open-source-boilerplate-code/)
- [Nodejs Starter](https://appseed.us/boilerplate-code/nodejs-starter) - provided by **AppSeed**
- Starters and [Boilerplate Code](https://appseed.us/boilerplate-code) - provided by **AppSeed** 

---

> Thank you!