Awesome tech stacks for all kinds of applications, inspired by awesome.re.
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.
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.
🛠 - StackShare tool profile
🐙 - GitHub repository
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.
- 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.
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.
PWA 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.
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.
Algolia site search ↗
Add search to your JAMStack website, through a static site integration or by crawling the content.
- Algolia - 🛠 - Hosted search API, free up to 10,000 records.
- DocSearch - 🐙 - Crawls a website and uploads it to an index.
- gatsby-plugin-algolia - 🐙 - Use GraphQL to specify Gatsby object to index with Algolia (beta).
- hugo-algolia - 🐙 - Generate and send indices from Hugo static sites for use with Algolia.
- instantsearch.js - 🐙 - JavaScript library for building performant and instant search experiences.
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.
- Babel - 🛠️ - 🐙 - A JavaScript compiler; use next generation JavaScript, today.
- Webpack - 🛠️ - 🐙 - A static module bundler for modern JavaScript applications.
- Express - 🛠️ - 🐙 - A minimal and flexible Node.js web application framework.
- Node.js - 🛠️ - 🐙 - A JavaScript runtime built on Chrome's V8 JavaScript engine.
- GraphQL - 🛠 - 🐙 - A query language for APIs and a runtime for fulfilling those queries with your existing data.
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 realtime.
- 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.
vue-starter ↗
The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices.
- Vue.js - 🛠️ - 🐙 - An approachable core library that focuses on the view layer only.
- TypeScript - 🛠️ - 🐙 - A typed superset of JavaScript that compiles to plain JavaScript.
- Jest - 🛠️ - 🐙 - A comprehensive, delightful JavaScript testing solution.
- Prettier - 🛠️ - 🐙 - An opinionated code formatter.
- Vuex - 🐙 - Centralized State Management for Vue.js.
- Vue Router - 🐙 - Vue Router is the official router for Vue.js.
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.
React Native with Expo and Hasura ↗
Hasura is an open source GraphQL engine that deploys instant, realtime GraphQL APIs on any Postgres database. This React Native stack uses Hasura droplets hosted on Digital Ocean.
- Hasura - 🛠️ - 🐙 - Blazing fast, instant realtime 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.
- Guide: Hasura GraphQL Engine One-click App on DigitalOcean Marketplace
- Tutorial: Fullstack React Native with GraphQL and Authentication
serverless-stack.com ↗
Build a full-stack production ready note taking app using Serverless and React on AWS.
- Serverless Framework - 🛠️ - 🐙 - A toolkit for building serverless applications.
- AWS Lambda - 🛠️ - A compute service that runs your code in response to events.
- DynamoDB - 🛠️ - Fully managed NoSQL database service.
- Amazon Cognito - 🛠️ - Securely manage and synchronize app data for your users across their mobile devices.
MEVN: Mongo Express Vue Node ↗
This is a full stack webapp boilerplate project with VueJS + ExpressJS + MongoDB.
- Vue.js - 🛠️ - 🐙 - An approachable core library that focuses on the view layer only.
- MongoDB - 🛠️ - 🐙 - A document and JSON-oriented database.
- Express - 🛠️ - 🐙 - A minimal and flexible Node.js web application framework.
- Node.js - 🛠️ - 🐙 - Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine.
Rock Solid Modern Rails ↗
A Rails/JavaScript-based stack with modern/developer friendly technologies
- Rails - 🛠 - 🐙 - An established webapp 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
See CONTRIBUTING.md for information and guides on how to contribute stacks and tools.