Boilerplate Code - Starter projects in React, Vue, Python, Full-Stack
Tags: boilerplate, node, appseed
Published: 2019-07-02 16:32:54

---
title: Boilerplate Code - Starter projects in React, Vue, Python, Full-Stack
published: true
description: Handcrafted boilerplates to help you start your projects
tags: boilerplate, nodejs, appseed
---
Hello coders,

I just finished this curated list with handcrafted **[boilerplate code](https://appseed.us/boilerplate-code)** for developers to help them start their projects. I'm using constantly these starters, to kick off faster small projects coded in [React](https://reactjs.org/), [Vue](https://vuejs.org/), and [Python](https://www.python.org/). [PHP](https://www.php.net/) is not present anymore in my development, but a few items were added just to have a complete list. The list will have a few items per category, in order to remain relevant for the audience. *Thanks for reading!* 

--- 

## What is a Boilerplate
In programming, [boilerplate code](https://en.wikipedia.org/wiki/Boilerplate_code) is a piece of software that can be reused over and over without changing a single line of code. The whole idea behind a starter (sometimes **boilerplate code**) is to skip coding that piece of code common to many projects. 

---

## ✨ [React Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) `fullstack`

Start your Development with an Innovative Admin Template for **Material-UI** and **React**. [Soft UI Dashboard React](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. The product comes with a simple JWT authentication flow: login/register/logout. 

> 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)**

- ✅ Innovative **Soft UI Design** - Crafted by [Creative-Tim](https://bit.ly/3fKQZaL)
- ✅ React, Redux, Redux-persist
- ✅ Authentication: `JWT Tokens`, 
- ✅ `OAuth` via GitHub
- ✅ Full-stack ready using: 
  - [Node API](https://github.com/app-generator/api-server-nodejs) `free product`
  - [Node API Mongo](https://github.com/app-generator/api-server-nodejs) `free product`

![React Soft Dashboard - Open-source full-stack product](https://user-images.githubusercontent.com/51070104/176936814-74386559-4e05-43d5-b9a4-8f70ce96a610.png)

---

## ✨ [React Purity Dashboard](https://appseed.us/product/purity-dashboard/api-server-nodejs/react/) `fullstack`

Start your Development with an Innovative Admin Template for **Chakra UI** and **React**. [Purity UI Dashboard](https://appseed.us/product/purity-dashboard/api-server-nodejs/react/) is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. 

> 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)**

- ✅ Innovative Chakra UI Design - Creafted by [Creative-Tim](https://bit.ly/3fKQZaL)
- ✅ React, Redux, Redux-persist
- ✅ Authentication: JWT Login/Register/Logout
- ✅ Full-stack ready using **[Node JS API Server](https://github.com/app-generator/api-server-nodejs)** (open-source project)
  - Features: Typescript / SQLite / TypeORM / Joy (validation) / Passport library - `passport-jwt` strategy.

![React Purity Dashboard - Open-source full-stack prodyct crafted by AppSeed and Creative-Tim.](https://user-images.githubusercontent.com/51070104/205427640-007904ec-9cd5-4060-86c6-47675b36cda1.png)

---

## [React Node JS Berry](https://appseed.us/product/berry-dashboard/api-server-nodejs/react/) 

**Berry** is a creative free **React Dashboard** build using the Material-UI by **CodedThemes** agency. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops. The product comes with a simple JWT authentication flow: login/register/logout.

- 👉 [React Nodejs Berry](https://appseed.us/product/berry-dashboard/api-server-nodejs/react/) - product page
- 👉 [React Nodejs Berry](https://react-node-js-berry-dashboard.appseed-srv1.com/) - LIVE Demo (UI only)

![React Nodejs Berry - Open-source full-stack seed project crafted by CodedThemes and AppSeed.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1msvtwz7rk64zhidhdth.png)

---

## [Nodejs - Argon Dashboard React](http://bit.ly/3rLfKbq)

Reactstrap Admin Dashboard built for Nodejs - a fully coded “frontend + backend” solution (MERN stack). It is open-source, free and it features many components that can help you create amazing websites. 

---

- [Nodejs - Argon Dashboard React](http://bit.ly/3rLfKbq) - product page
- More [React Dashboards](https://bit.ly/37j8JG3) - provided by Creative-Tim

---

![Nodejs - Argon Dashboard React](https://s3.amazonaws.com/creativetim_bucket/products/413/original/opt_ad_reacnodejs_thumbnail.jpg) 

---

## Full-Stack [Boilerplate Code](https://appseed.us/boilerplate-code)

UI-Ready web apps, coded with basic features (login, register) and backend. 

- [Flask Vuejs - Argon Design](https://appseed.us/apps/flask-apps/argon-design-system-creative-tim) - Free, MIT License
- [Laravel Vuejs - Argon Design](https://appseed.us/apps/vuejs/laravel/argon-design-system-creative-tim) - Free, MIT License
- [Express Vuejs - Argon Design](https://appseed.us/apps/vuejs/express/argon-design-system-creative-tim) - Free, MIT License

- [Flask React - Material Design](https://appseed.us/apps/flask-apps/material-kit-creative-tim) - Free, MIT License
- [React Express - Material Design](https://appseed.us/apps/react/express/material-kit-creative-tim) - Free, MIT License
- [Laravel React - Material Design](https://appseed.us/apps/react/laravel/material-kit-creative-tim) - Free, MIT License

![Ful-Stack Web App with React UI and Express backend.](https://raw.githubusercontent.com/app-generator/static/master/products/react-express-material-design-intro.gif)

---

## Flask [Boilerplate Code](https://appseed.us/boilerplate-code)
 
- [Flask Dashboard Black](https://appseed.us/admin-dashboards/flask-dashboard-black) - UI-Ready admin panel coded in Flask
- [Flask Dashboard Light Blue](https://appseed.us/admin-dashboards/flask-dashboard-light-blue) design crafted by FlatLogic, coded by AppSeed
- [Flask Dashboard Argon](https://appseed.us/admin-dashboards/flask-dashboard-argon)
- [Cookiecutter Flask](https://github.com/cookiecutter-flask/cookiecutter-flask) - a flask template with Bootstrap 4, asset bundling+minification with webpack, starter templates, and registration/authentication - [sources](https://github.com/cookiecutter-flask/cookiecutter-flask)

![Flask Dashboard Black - Open-Source Admin Panel coded in Flask.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-black-intro.gif)

---

## Nodejs [Boilerplate Code](https://appseed.us/boilerplate-code)
 
 - [Nodejs Starter Hackathon](https://github.com/sahat/hackathon-starter) - this Nodejs Boilerplate has more than 26k Github start and is equipped with many useful features like authentication, Bootstrap4 integration, SaaS support, modular and very easy to use - [sources](https://github.com/sahat/hackathon-starter), [live demo](https://hackathon-starter-2018.herokuapp.com/)

 - [Nodejs Starter API Kit](https://github.com/kriasoft/nodejs-api-starter) - this starter is supported actively by a company and comes with tooling for authoring data API backends with [Nodejs](https://nodejs.org/en/) and [GraphQL](https://graphql.org/), out of the box - [sources](https://github.com/kriasoft/nodejs-api-starter)

 - [Nodejs Starter Serverless](https://github.com/AnomalyInnovations/serverless-nodejs-starter) is a [Nodejs](https://nodejs.org/en/) starter for the [Serverless](https://serverless.com/) Framework with async/await and unit test support. The project is actively supported by Frank Wang with 450 Github stars. This starter got my attention mainly for the serverless concept, which is a raising concept in web development nowadays - [sources](https://github.com/AnomalyInnovations/serverless-nodejs-starter)

---

## React [Boilerplate Code](https://appseed.us/boilerplate-code)
 
 - [Create React App](https://github.com/facebookincubator/create-react-app) - the official [React](https://reactjs.org/) app scaffolding tool, actively supported by Facebook [sources](https://github.com/facebookincubator/create-react-app)

 - [Next](https://github.com/zeit/next.js/) - Is more than a boilerplate, is a Framework built on top of [React](https://reactjs.org/) - [sources](https://github.com/zeit/next.js/)

 - [React Production Starter](https://github.com/jaredpalmer/react-production-starter) - with this starter, we can easily create server-rendered universal JavaScript applications with no configuration - [sources](https://github.com/jaredpalmer/react-production-starter)

 - [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate) - A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices - [sources](https://github.com/react-boilerplate/react-boilerplate)

---

## Vue [Boilerplate Code](https://appseed.us/boilerplate-code)
 
 - [TypeScript Vue Starter](https://github.com/microsoft/TypeScript-Vue-Starter) is a starter template for TypeScript and Vue with a detailed README describing how to use the two together. Supported by Microsoft - [sources](https://github.com/microsoft/TypeScript-Vue-Starter)

 - [Nuxt.js - The Vue.js Framework](https://nuxtjs.org/) - Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. Nuxt.js can produce Universal, Single Page, and Static Generated Applications - [sources](https://github.com/nuxt/create-nuxt-app)

 - [Quasar Framework](https://quasar.dev/) - is an MIT licensed open-source Vue.js based framework, which allows you as a web developer to quickly create responsive++ websites/apps in many flavors: SPA, PWA, SSR - [sources](https://github.com/quasarframework/quasar)

---

## [Django Boilerplate Code](https://dev.to/sm0ke/django-boilerplate-code-open-source-and-free-2aa5)

- [Cookiecutter Django](https://github.com/pydanny/cookiecutter-django) - A popular Django starter powered by Cookiecutter a command-line utility that creates projects from project templates.
- [Django Hackathon Starter](https://github.com/DrkSephy/django-hackathon-starter) - A boilerplate application for Django web applications with more than 1.4k stars and ~= 272 Github forks
- [Django Gentelella Template](https://github.com/GiriB/django-gentelella) - A simple and popular Django starter with Gentelella UI Kit integrated.
- [Django React Boilerplate](https://github.com/vintasoftware/django-react-boilerplate) - a popular Python starter that user React for UI and a decoupled (Django) backend
- [Django Docker Boilerplate](https://github.com/tiagoarasilva/django2-boilerplate) - a modern Django Rest starter with Redis, RabbitMQ and Celery integrated. 

---

## Laravel [Boilerplate Code](https://appseed.us/boilerplate-code)
 
 - [Laravel 5 Boilerplate](https://github.com/rappasoft/laravel-5-boilerplate) - Laravel Boilerplate installs like a regular Laravel application. If you've done it once, you've done it a million times - [sources](https://github.com/rappasoft/laravel-5-boilerplate) 

 - [Laravel Auth](https://consultjeremy.com/) - Laravel 5.8 with user authentication, registration with email confirmation, social media authentication, password recovery, and captcha protection - [sources](https://github.com/jeremykenedy/laravel-auth)

---

> This is an opened list, please suggest new starters in the comments. 

---

### Resources
 
- [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/)
- [Boilerplate code](https://en.wikipedia.org/wiki/Boilerplate_code) - wikipedia page
- [Boilerplate code](https://appseed.us/boilerplate-code) - index provided by AppSeed
- [Boilerplate code on Github](https://github.com/app-generator/boilerplate-code) - open-source boilerplates
  

---

> Thank you!