DEV Community

Sm0ke
Sm0ke

Posted on • Updated on

Boilerplate Code - Starter projects in React, Vue, Python, Full-Stack

#boilerplate #node #appseed

Hello coders,

I just finished this curated list with handcrafted 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, Vue, and Python. PHP 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 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 fullstack

Start your Development with an Innovative Admin Template for Material-UI and React. Soft UI Dashboard 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

  • ✅ Innovative Soft UI Design - Crafted by Creative-Tim
  • ✅ React, Redux, Redux-persist
  • ✅ Authentication: JWT Tokens,
  • ✅ OAuth via GitHub
  • ✅ Full-stack ready using:

React Soft Dashboard - Open-source full-stack product

✨ React Purity Dashboard fullstack

Start your Development with an Innovative Admin Template for Chakra UI and React. Purity UI Dashboard 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

  • ✅ Innovative Chakra UI Design - Creafted by Creative-Tim
  • ✅ React, Redux, Redux-persist
  • ✅ Authentication: JWT Login/Register/Logout
  • ✅ Full-stack ready using Node JS API Server (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.

React Node JS Berry

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 - Open-source full-stack seed project crafted by CodedThemes and AppSeed.

Nodejs - Argon Dashboard React

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

Full-Stack Boilerplate Code

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

Ful-Stack Web App with React UI and Express backend.

Flask Boilerplate Code

Flask Dashboard Black - Open-Source Admin Panel coded in Flask.

Nodejs Boilerplate Code

  • Nodejs Starter Hackathon - 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, live demo

  • Nodejs Starter API Kit - this starter is supported actively by a company and comes with tooling for authoring data API backends with Nodejs and GraphQL, out of the box - sources

  • Nodejs Starter Serverless is a Nodejs starter for the Serverless 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

React Boilerplate Code

Vue Boilerplate Code

  • 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

  • Nuxt.js - The Vue.js Framework - 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

  • Quasar Framework - 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

Django Boilerplate Code

Laravel Boilerplate Code

  • 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

  • Laravel Auth - Laravel 5.8 with user authentication, registration with email confirmation, social media authentication, password recovery, and captcha protection - sources

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

Resources

Thank you!

Top comments (1)

Collapse
 
sharlaan profile image
Raphaël Morineau • • Edited

I am also looking for Node/TS/React/Vue (REST or GraphQL) starters and boilerplates.
I did not find any so far, but noticed NestJS and more recently FoalTS.
Frontend side, i my ideal setup would be CRA/VueCLI of course, but with MaterialUI/Vuetify (M-UI is now TS-based, and Vuetify provides an "à-la-carte" builder).

Sidenote: i heard lot of issues with Next, something related to their ankward routing (?). On other hand, poeple are praising Nuxt.

Read next

edg_joa profile image

Arquitectura limpia en proyecto de Nodejs + Typescript + MongoDB

Edgar Joaquin -

itrabbi profile image

Why should we learn the MERN stack?

Rabbi Hassan -

mathuraditya7 profile image

Deploying Hono Js App on Vercel

Aditya Mathur -

abhilaksharora profile image

A Powerful Password Generator NPM Package

abhilaksh-arora -