Nodejs Starter - Open-Source Boilerplate Code

Hello Coder,

Thank you for landing on this page. This article presents an open-source Nodejs Starter actively supported by AppSeed.

All apps and boilerplates mentioned in this article are available on Github under the MIT license. Feel free to grab the code and have fun!

This boilerplate encapsulate a few basic features, useful for a rapid app prototyping and development:

In our development process, we are using this Nodejs Starter as a back end server for all full-stack apps, that uses React and Vue front ends built in two-tier architectures.


What is Nodejs

Nodejs is a JavaScript runtime environment that includes everything you need to execute a program written in JavaScript in your favorite operating system. Basically, what you can execute in the browser, by using Nodejs, you can execute directly in the operating system and do things just like Python or Ruby.

Node.js represents a "JavaScript everywhere" paradigm, unifying web application development around a single programming language, rather than different languages for server- and client-side scripts.


What is a Boilerplate

In computer programming, boilerplate code refers to sections of code that have to be included in many places with little or no alteration. Write once, and reuse over and over. The whole idea behind a starter (sometimes boilerplate code) is to skip coding that piece of code common to many projects.


Now, going back to our Nodejs Starter, let's present some practical samples that uses this boilerplate code as a back end server.

Full-Stack Nodejs / Vuejs Argon

This full-stack app is built using a decoupled architecture, where the Vue Argon Design frontend communicates with the Nodejs / Express backend through secure ajax call. In order to start using this open-source sample, the backend and the frontend should be downloaded and built.

Build the Nodejs Backend

The backend server is a simple Express / Nodejs Starter with JWT authentication, SQLite database, Sequelize ORM, unit tests and basic tooling.

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

Build Vuejs Frontend

The frontend  is a simple Vue app that uses JWT token authentication on top of Argon Design, provided by Creative-Tim agency.

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

If all goes well, the app should be visible in the browser:

Nodejs Starter with Vue Frontend - Gif animated presentation.


React Nodejs - Material Design

This full-stack app is built using a decoupled architecture, where the React Material Kit frontend communicates with the Nodejs / Express backend through secure ajax call. In order to start using this open-source sample, the backend and the frontend should be downloaded and built.

Build React Frontend

The frontend  is a simple React app that uses JWT token authentication on top of Material Design, provided by Creative-Tim agency.

$ #############################
$ # clone and build the React Frontend

$ git clone https://github.com/app-generator/material-kit-react.git
$ cd material-kit-react
$ yarn
$ yarn start # Frontend runs on port 8080

At this point, the React app should be visible in your browser.

Material Kit - Coded in React and Express


Where to go from here?

Thank you!

Show Comments

Get the latest posts delivered right to your inbox.