Awesome Stacks
Tech stacks for building different applications and features.
Contents
Awesome Stacks is a community-curated list of tech stacks for
building different applications and features. It is open source and
inspired by the original awesome
list.
Each stack in the list has a name, description, and list of a few of
the key tools and technologies. Optionally, it links to a tutorial,
starter kit or boilerplate that makes it easy to get started with.
Got a stack you think is a great way to build something? Please edit
this file and add it! Check out CONTRIBUTING.md for more information.
Browsing the stacks
Stacks can be browsed in two placesβon the README and on awesomestacks.dev. The site, built
with Gatsby and React, displays logos and metrics about each tool listed
in the README by pulling data from the GitHub and StackShare APIs.
Legend
π - StackShare tool profile
π - GitHub repository
Front-end
React Next Boilerplate β
A basis for reducing the configuration of your projects with Next.js,
best development practices and popular libraries in the developer
community.
- Next.js - π - π - The React Framework for
server rendering, static websites, PWAs.
- React
Testing Library - π - π -
react-testing-library is a tool in the Testing Frameworks category of a
tech stack.
- Emotion - π - π - CSS-in-JS library
designed for high performance style composition.
- I18next - π - I18next is an
internationalization-framework written in and for JavaScript. But itβs
much more than that.
- Redux Saga - π - is a library
that aims to make application side effects (i.e.Β asynchronous things
like data fetching and impure things like accessing the browser cache)
easier to manage, more efficient to execute, easy to test, and better at
handling failures.
Resources
React starter kit β
React Starter Kit is an opinionated boilerplate for web development
built on top of Node.js, Express, GraphQL and React, containing modern
web development tools such as Webpack, Babel and Browsersync.
- React - π - π - React components can
be used on the client and server side.
- Webpack - π οΈ - π - A static module
bundler for modern JavaScript applications.
- GraphQL - π - π - A query language
for APIs and a runtime for fulfilling those queries with your existing
data.
- Babel - π οΈ - π - A JavaScript compiler;
use next generation JavaScript, today.
- Express - π οΈ - π - A minimal and
flexible Node.js web application framework.
- Node.js - π οΈ - π - A JavaScript runtime
built on Chromeβs V8 JavaScript engine.
Resources
React Firebase starter β
React Starter Kit for Firebase is a popular project template (aka,
boilerplate) for building modern, scalable web applications with React,
Relay, and GraphQL using serverless infrastructure provided by Google
Cloud (Cloud SQL, Cloud Functions, CDN hosting, and file storage).
- Firebase - π οΈ - A cloud-hosted NoSQL
database that lets you store and sync data between your users in
real-time.
- Create React
App - π - π - Set up a
modern web app by running one command.
- Material UI - π οΈ - π - React components
that implement Googleβs Material Design.
- Relay - π οΈ - π - A JavaScript framework
for building data-driven React applications.
- GraphQL - π - π - A query language
for APIs and a runtime for fulfilling those queries with your existing
data.
Resources
vue-starter β
The most complete boilerplate for production-ready PWAs. With focus
on performance, development speed, and best practices.
Resources
Vue Enterprise Boilerplate β
An ever-evolving and opinionated architecture and dev environment for
new Vue SPA projects using Vue CLI 3.
- Vue.js - π οΈ - π - An approachable core
library that focuses on the view layer only.
- Vuex - π - Centralized State
Management for Vue.js.
- Vue Router - π - Vue Router is the
official router for Vue.js.
- Vue CLI - π - An approachable core
library that focuses on the view layer only.
- Babel - π οΈ - π - compiler for writing next
generation JavaScript; Babel will turn your ES6+ code into ES5 friendly
code, so you can start using it right now without waiting for browser
support.
- Sass - π οΈ - π - Sass is an extension of
CSS3, adding nested rules, variables, mixins, selector inheritance, and
more. Itβs translated to well-formatted, standard CSS using the command
line tool or a web-framework plugin.
Resources
Progressive Web App with Gatsby
β
Build a simple polling progressive web application with some great
modern tech.
- Gatsby - π - π - Gatsby is a blazing
fast modern site generator for React.
- Cloud
Firestore - π οΈ -
A noSQL cloud database that exposes event listeners for real-time
updates.
- Netlify - π οΈ - Netlify is a global CDN
that makes continuous deployments as simple as a few clicks.
- styled components -
π - π - A
react-specific css-in-js solution.
- Contentful - π - π - Contentful is a flexible
and future-friendly content platform that helps editors to manage and
developers to serve content into mobile or web applications. Last but
not least a powerhouse when worked with Gatsby.
Resources
Victor Hugo boilerplate β
A Hugo boilerplate for creating truly epic websites. This is a
boilerplate for using Hugo as a static site generator and Webpack as
your asset pipeline.
- Hugo - π - π - The worldβs fastest
framework for building websites.
- Webpack - π οΈ - π - A static module
bundler for modern JavaScript applications.
- Babel - π οΈ - π - A JavaScript compiler;
use next generation JavaScript, today.
- PostCSS - π - π - A tool for
transforming CSS with JavaScript.
Resources
Nuxt, TypeScript + Docker β
Bleeding edge vue template focused on code quality and developer
happiness.
Offers a complete setup for both small and enterprise-scale apps.
- Nuxt - π - π - Vue.js Meta Framework to
create complex, fast & universal web applications quickly.
- TypeScript - π οΈ - π - A typed superset
of JavaScript that compiles to plain JavaScript.
- Sass - π οΈ - π - Sass is an extension of
CSS3, adding nested rules, variables, mixins, selector inheritance, and
more. Itβs translated to well-formatted, standard CSS using the command
line tool or a web-framework plugin.
- Jest - π οΈ - π - A comprehensive,
delightful JavaScript testing solution.
- eslint - π οΈ - π - The pluggable linting
utility for JavaScript and JSX.
- stylelint - π οΈ - π - A mighty, modern
linter that helps you avoid errors and enforce conventions in your
styles.
- Docker - π - π A tool to create, deploy
and run applications inside containers.
Resources
Nextjs Blog Starter β
A Nextjs Boilerplate code for creating a blog. The perfect solution
to start a blog in React and use Tailwind CSS for styling.
- Next.js - π - π - The React Framework for
server rendering, static websites, PWAs.
- React - π - π - React components can
be used on the client and server side.
- TypeScript - π οΈ - π - A typed superset
of JavaScript that compiles to plain JavaScript.
- eslint - π οΈ - π - The pluggable linting
utility for JavaScript and JSX.
- Babel - π οΈ - π - A JavaScript compiler;
use next generation JavaScript, today.
- PostCSS - π - π - A tool for
transforming CSS with JavaScript.
- Netlify - π οΈ - Netlify is a global CDN
that makes continuous deployments as simple as a few clicks.
Resources
Full stack
MERN: Mongo Express React Node β
MERN stands for MongoDB, Express, React, Node. The four key
technologies that make up the stack.
- React - π - π - React components can
be used on the client and server side.
- MongoDB - π οΈ - π - A document and
JSON-oriented database.
- Express - π οΈ - π - Fast,
unopinionated, minimalist web framework for Node.js.
- Node.js - π οΈ - π - Node.js is a JavaScript
runtime built on Chromeβs V8 JavaScript engine.
Resources
GraphCMS React + Apollo β
Lightning fast starter for bloggers, content creators, and really
anyone who wants to break free from WordPress.
- GraphCMS - π οΈ - GraphCMS providing a
backend to your app, giving you the tools to manage content.
- Create React
App - π - π - Set up a
modern web app by running one command.
- Apollo - π οΈ - π - Apollo
Client is the best way to use GraphQL to build client applications.
Resources
Strapi CMS with Gatsby β
Use Strapi CMS to maintain and manage your Gatsby static site. Deploy
to Heroku.
- Strapi CMS - π - Strapi is the Headless
CMS developers love.
- Gatsby - π - π - Gatsby is a blazing
fast modern site generator for React.
- Heroku - π οΈ - Heroku is a powerful
platform for deploying your apps.
Resources
Algolia site search β
Add search to your JAMStack website, through a static site
integration or by crawling the content.
Resources
MEVN: Mongo Express Vue Node β
This is a full stack web app boilerplate project with VueJS +
ExpressJS + MongoDB.
Resources
Rock Solid Modern Rails β
A Rails/JavaScript-based stack with modern/developer friendly
technologies
- Rails - π - π - An established web app
framework with a focus on simplicity and productivity.
- React - π - π - React components can
be used on the client and server side.
- GraphQL Ruby - π - π - Ruby server
implementation of the GraphQL specification.
- Apollo Client - π - π - A
powerfully extensible GraphQL JavaScript client.
- Heroku - π οΈ Developer friendly web app
infrastructure provider with seamless Ruby/Rails support.
- Cloud 66 - π οΈ Cloud 66 gives you
everything you need to build, deploy, and manage your Rails applications
on any cloud without the headache of the βserver stuffβ.
Resources
Serverless Stack with React
on AWS β
Learn how to build a full-stack production ready note taking app
using Serverless and React on AWS from serverless-stack.com.
Step-by-step open-source tutorials with screenshots and code samples
included.
Resources
Electron React Boilerplate β
A foundation for scalable cross-platform desktop apps all the way
from development to distributing your app.
- Electron - π οΈ - π - Build
cross-platform desktop apps with JavaScript, HTML, and CSS.
- React - π - π - React components can
be used on the client and server side.
- Redux - π - π - Predictable state
container for JavaScript apps.
- electron-builder - π - A
complete solution to package and build a ready for distribution Electron
app with βauto updateβ support out of the box.
Resources
Vue with Electron β
A foundation for scalable cross-platform desktop apps all the way
from development to distributing your app using Vue and Electron.
- Electron - π οΈ - π - Build
cross-platform desktop apps with JavaScript, HTML, and CSS.
- Vue.js - π οΈ - π - An approachable core
library that focuses on the view layer only.
- Vuex - π - π - Predictable state
container for JavaScript apps.
- Vue Router - π - Vue Router is the
official router for Vue.js.
- Vue CLI - π - An approachable core
library that focuses on the view layer only.
- electron-builder - π - A
complete solution to package and build a ready for distribution Electron
app with βauto updateβ support out of the box.
Resources
Code Coverage & CI β
Quickest way to get started with CI and Code Coverage.
- CircleCI - π - Popular managed CI
server.
- Codecov - π οΈ - Hosted coverage reports
with awesome features to enhance your CI workflow.
- Bash - π - The Bourne Again SHell is
an sh-compatible shell.
- GitHub - π - Powerful collaboration,
review, and code management for open source and private development
projects.
Resources
Vue SPA with Laravel β
The best way to create a versatile and scalable PHP Web Application!
It sure will make you fall in love with PHP (if not, Laravel). Laravel
team has an official collaboration with the Vue, so Vue, Babel and Sass
is already integrated before you even started!
- PHP 7 - π - π - A popular general-purpose
scripting language that is especially suited for web development.
- Laravel - π - π - One of the most
popular Object Oriented MVC PHP Framework with elegant syntax and golden
standard software patterns.
- Vue.js - π οΈ - π - An approachable core
library that focuses on the view layer only.
- Laravel Mix - π - A build tool
built on top of webpack, to easily compile any front end assets.
(secret: works with or without Laravel)
- Babel - π οΈ - π - compiler for writing next
generation JavaScript; Babel will turn your ES6+ code into ES5 friendly
code, so you can start using it right now without waiting for browser
support.
- Sass - π οΈ - π - Sass is an extension of
CSS3, adding nested rules, variables, mixins, selector inheritance, and
more. Itβs translated to well-formatted, standard CSS using the command
line tool or a web-framework plugin.
Resources
FReMP: Flask ReactJS MongoDB
Python β
FReMP stack is a highly scalable full stack framework, which can be
used to build robust and modern web apps using Flask, ReactJS, MongoDB
and Python.
Resources
Back-end
GCP Kubernetes Stack β
Stack used to deploy and manage a cluster of Docker containerized
applications using Google Cloud services.
- GKE - π - Kubernetes
cluster managed by Google.
- Kubernetes - π - π - Production-Grade
Container Scheduling and Management.
- Docker - π - π - A tool to create,
deploy and run applications inside containers.
- Stackdriver - π οΈ - Stackdriver Logging
allows you to store, search, analyze, monitor, and alert on log data and
events.
Ethereum DApp β
A collection of tools for building decentralized applications on the
Ethereum blockchain.
- Solidity - π - Solidity is an
object-oriented, high-level language for implementing smart
contracts.
- web3.js - π - Ethereum JavaScript
API.
- db3.js - π - db3.js is theΒ db3
network(Ethereum layer2)Β javascript API to write and query JSON
documents
- Truffle - π - A world class
development environment, testing framework and asset pipeline for
blockchains using the Ethereum Virtual Machine (EVM).
- Ganache - π - Personal
blockchain for Ethereum development.
- drizzle - π - A collection of
front-end libraries that make writing dapp user interfaces easier and
more predictable.
Rails Monitoring Stack β
Tools to use to monitor your Rails app in production.
- Skylight - π - The smart profiler for
your Rails apps.
- New Relic - π - SaaS Application
Performance Management for Ruby, PHP, .Net, Java, Python, and Node.js
Apps.
- rack-mini-profiler
- π -
Profiler for your development and production Ruby rack apps.
- Sqreen - π - Security monitoring and
protection for Ruby, PHP, Java, Go, Python, and Node.js Apps.
User Behavior Analytics via
Segment β
Hosted tools to use to analyze user behavior for a web app.
Streaming
Analytics with Kafka, Spark, and Cassandra β
The Kafka-Spark-Cassandra pipeline for processing a firehose of
incoming events.
- Kafka - π - π - Distributed, fault
tolerant, high throughput pub-sub messaging system.
- Apache Spark - π - π - Fast and general engine
for large-scale data processing.
- Cassandra - π - π - Highly-scalable
partitioned row store.
Resources
Self-Hosted Devops and
Collaboration β
Self-hosted open source devops and collaboration tools, suitable for
enterprise.
- GitLab - π - π - Open source
self-hosted Git management software.
- Zulip - π - π - Powerful open source team
chat.
- Hubot - π - π - A customizable life
embetterment robot.
- Sentry - π - π - Cross-platform
application monitoring, with a focus on error reporting.
- Taiga.io - π - π - Project management web
application with scrum in mind.
- Metabase - π - π - An open-source
business intelligence tool.
Production Ready Django + Docker
β
Bleeding edge Django template focused on code quality and
security.
Build, test, and deploy pipelines are configured by default.
- Python 3 - π - π - A programming language
that lets you work quickly.
- Django - π - π - The Web framework for
perfectionists with deadlines.
- Docker - π - π - A tool to create,
deploy and run applications inside containers.
- GitLab - π - π - Open source
self-hosted Git management software.
- Caddy - π - π - The HTTP/2 Web Server
with Automatic HTTPS.
Resources
RESTful API with Java and
Spring Boot β
Build a simple and robust RESTful API.
- Spring Boot -
π - π - Spring
Boot makes it easy to create stand-alone, production-grade Spring based
Applications that you can βjust runβ.
- Gradle - π οΈ - π- A build tool with a
focus on build automation and support for multi-language
development.
- Java -
π οΈ - Java is an Object-Oriented
and one of the most used programming languages in the world.
Resources
Graphweaver
- GraphQL API Over Multiple Datasources β
Connect to various datasources and combine the data into a real-time
GraphQL API and AdminUI. Useful stack when you have multiple datasources
such as Postgres, MySql, Sqlite, Rest, etc.
Resources
Mobile
React Native with Expo and
Hasura β
Hasura is an open source GraphQL engine that deploys instant,
real-time GraphQL APIs on any Postgres database. This React Native stack
uses Hasura droplets hosted on Digital Ocean.
- Hasura - π οΈ - π - Blazing fast,
instant real-time GraphQL APIs on Postgres with fine grained access
control.
- React Native
- π οΈ - π - Build native
mobile apps using JavaScript and React.
- Expo - π οΈ - π - Build, deploy, and quickly
iterate on native iOS and Android apps from the same JavaScript
codebase.
- Digital Ocean - π οΈ - π - Deploy an SSD cloud
server in less than 55 seconds with a dedicated IP and root access.
- Auth0 - π οΈ - A universal authentication
& authorization platform for web, mobile and legacy
applications.
Resources
Unity Game Development
boilerplate β
Unity is a game engine that connects to Plastic SCM to keep version
control and large asset and huge repo management clean and
frictionless.
- Unity - π - π -
The C# part of the Unity engine and editor source code. May be used for
reference purposes only.
- Plastic SCM - π οΈ - π - PlasticSCM
Docker image.
- TeamCity - π - A Java-based build
management and continuous integration server from JetBrains.
Resources
Workflow
Automation with GitHub, Jira and Jenkins β
Boost your Productivity with GitHub, Jira and Jenkins.
Resources
Contributing
See CONTRIBUTING.md for information
and guides on how to contribute stacks and tools.
License
To the extent possible under law, StackShare has waived all copyright and
related or neighboring rights to this work README
stacks.md
Github
