Courses & TutorialsProgramming

Awesome Stacks – Massive Collection of Resources

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.

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.

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.

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).

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.

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.

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.

Resources

Full stack

GraphCMS React + Apollo β†—

Lightning fast starter for bloggers, content creators, and really anyone who wants to break free from WordPress.

Resources

Strapi CMS with Gatsby β†—

Use Strapi CMS to maintain and manage your Gatsby static site. Deploy to Heroku.

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

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.

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.

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.

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.

Resources

Self-Hosted Devops and Collaboration β†—

Self-hosted open source devops and collaboration tools, suitable for enterprise.

Production Ready Django + Docker β†—

Bleeding edge Django template focused on code quality and security.

Build, test, and deploy pipelines are configured by default.

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

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.

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.

Resources

Workflow Automation with GitHub, Jira and Jenkins β†—

Boost your Productivity with GitHub, Jira and Jenkins.

Resources

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button