1097 lines
53 KiB
HTML
1097 lines
53 KiB
HTML
<div data-align="center">
|
||
<p><a href="https://awesomestacks.dev/"><img alt="Pink sunglasses with text Awesome Stacks" width="680px" src="src/images/awesome-stacks-logo-github.png"></a>
|
||
<br><br>
|
||
<a href="https://awesome.re"><img src="https://awesome.re/badge-flat2.svg"></a></p>
|
||
</div>
|
||
<h1 id="awesome-stacks">Awesome Stacks</h1>
|
||
<p><a href="https://stackshare.io/stackshare/awesome-stacks"><img
|
||
src="https://img.shields.io/badge/tech-stack-0690fa.svg?style=flat"
|
||
alt="StackShare" /></a></p>
|
||
<blockquote>
|
||
<p>Tech stacks for building different applications and features.</p>
|
||
</blockquote>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#front-end">Front-end</a></li>
|
||
<li><a href="#full-stack">Full stack</a></li>
|
||
<li><a href="#back-end">Back-end</a></li>
|
||
<li><a href="#mobile">Mobile</a></li>
|
||
</ul>
|
||
<p>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 <a href="http://awesome.re/">awesome
|
||
list</a>.</p>
|
||
<p>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.</p>
|
||
<p>Got a stack you think is a great way to build something? Please edit
|
||
this file and add it! Check out <a
|
||
href="CONTRIBUTING.md">CONTRIBUTING.md</a> for more information.</p>
|
||
<h4 id="browsing-the-stacks">Browsing the stacks</h4>
|
||
<p>Stacks can be browsed in two places—on the README and on <a
|
||
href="https://awesomestacks.dev/">awesomestacks.dev</a>. 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.</p>
|
||
<h4 id="legend">Legend</h4>
|
||
<p>🛠 - StackShare tool profile<br> 🐙 - GitHub repository</p>
|
||
<h2 id="front-end">Front-end</h2>
|
||
<h3 id="react-next-boilerplate">React Next Boilerplate <a
|
||
href="https://awesomestacks.dev/react-next-boilerplate">↗</a></h3>
|
||
<p>A basis for reducing the configuration of your projects with Next.js,
|
||
best development practices and popular libraries in the developer
|
||
community.</p>
|
||
<ul>
|
||
<li><a href="https://nextjs.org/">Next.js</a> - <a
|
||
href="https://stackshare.io/next-js">🛠</a> - <a
|
||
href="https://github.com/zeit/next.js">🐙</a> - The React Framework for
|
||
server rendering, static websites, PWAs.</li>
|
||
<li><a
|
||
href="https://testing-library.com/docs/react-testing-library/intro">React
|
||
Testing Library</a> - <a
|
||
href="https://stackshare.io/react-testing-library">🛠</a> - <a
|
||
href="https://github.com/testing-library/react-testing-library">🐙</a> -
|
||
react-testing-library is a tool in the Testing Frameworks category of a
|
||
tech stack.</li>
|
||
<li><a href="https://emotion.sh/">Emotion</a> - <a
|
||
href="https://stackshare.io/emotion">🛠</a> - <a
|
||
href="https://github.com/emotion-js/emotion">🐙</a> - CSS-in-JS library
|
||
designed for high performance style composition.</li>
|
||
<li><a href="https://www.i18next.com/">I18next</a> - <a
|
||
href="https://github.com/i18next/i18next">🐙</a> - I18next is an
|
||
internationalization-framework written in and for JavaScript. But it’s
|
||
much more than that.</li>
|
||
<li><a href="https://redux-saga.js.org/">Redux Saga</a> - <a
|
||
href="https://github.com/redux-saga/redux-saga">🐙</a> - 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.</li>
|
||
</ul>
|
||
<h5 id="resources">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/react-next-boilerplate/react-next-boilerplate">react-next-boilerplate</a></li>
|
||
</ul>
|
||
<h3 id="react-starter-kit">React starter kit <a
|
||
href="https://awesomestacks.dev/react-starter-kit">↗</a></h3>
|
||
<p>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.</p>
|
||
<ul>
|
||
<li><a href="https://reactjs.org/">React</a> - <a
|
||
href="https://stackshare.io/react">🛠</a> - <a
|
||
href="https://github.com/facebook/react">🐙</a> - React components can
|
||
be used on the client and server side.</li>
|
||
<li><a href="https://webpack.js.org/">Webpack</a> - <a
|
||
href="https://stackshare.io/webpack">🛠️</a> - <a
|
||
href="https://github.com/webpack/webpack">🐙</a> - A static module
|
||
bundler for modern JavaScript applications.</li>
|
||
<li><a href="https://graphql.org/">GraphQL</a> - <a
|
||
href="https://stackshare.io/graphql">🛠</a> - <a
|
||
href="https://github.com/graphql/graphql-js">🐙</a> - A query language
|
||
for APIs and a runtime for fulfilling those queries with your existing
|
||
data.</li>
|
||
<li><a href="https://babeljs.io/">Babel</a> - <a
|
||
href="https://stackshare.io/babel">🛠️</a> - <a
|
||
href="https://github.com/babel/babel">🐙</a> - A JavaScript compiler;
|
||
use next generation JavaScript, today.</li>
|
||
<li><a href="https://expressjs.com/">Express</a> - <a
|
||
href="https://stackshare.io/expressjs">🛠️</a> - <a
|
||
href="https://github.com/expressjs/express">🐙</a> - A minimal and
|
||
flexible Node.js web application framework.</li>
|
||
<li><a href="https://nodejs.org/">Node.js</a> - <a
|
||
href="https://stackshare.io/nodejs">🛠️</a> - <a
|
||
href="https://github.com/nodejs/node">🐙</a> - A JavaScript runtime
|
||
built on Chrome’s V8 JavaScript engine.</li>
|
||
</ul>
|
||
<h5 id="resources-1">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/kriasoft/react-starter-kit">react-starter-kit</a></li>
|
||
</ul>
|
||
<h3 id="react-firebase-starter">React Firebase starter <a
|
||
href="https://awesomestacks.dev/react-firebase-starter">↗</a></h3>
|
||
<p>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).</p>
|
||
<ul>
|
||
<li><a href="https://firebase.google.com/">Firebase</a> - <a
|
||
href="https://stackshare.io/firebase">🛠️</a> - A cloud-hosted NoSQL
|
||
database that lets you store and sync data between your users in
|
||
real-time.</li>
|
||
<li><a href="https://facebook.github.io/create-react-app/">Create React
|
||
App</a> - <a href="https://stackshare.io/create-react-app">🛠</a> - <a
|
||
href="https://github.com/facebook/create-react-app">🐙</a> - Set up a
|
||
modern web app by running one command.</li>
|
||
<li><a href="https://material-ui.com/">Material UI</a> - <a
|
||
href="https://stackshare.io/material-ui">🛠️</a> - <a
|
||
href="https://github.com/mui-org/material-ui">🐙</a> - React components
|
||
that implement Google’s Material Design.</li>
|
||
<li><a href="https://facebook.github.io/relay/">Relay</a> - <a
|
||
href="https://stackshare.io/relay">🛠️</a> - <a
|
||
href="https://github.com/facebook/relay">🐙</a> - A JavaScript framework
|
||
for building data-driven React applications.</li>
|
||
<li><a href="https://graphql.org/">GraphQL</a> - <a
|
||
href="https://stackshare.io/graphql">🛠</a> - <a
|
||
href="https://github.com/graphql/graphql-js">🐙</a> - A query language
|
||
for APIs and a runtime for fulfilling those queries with your existing
|
||
data.</li>
|
||
</ul>
|
||
<h5 id="resources-2">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/kriasoft/react-firebase-starter">react-firebase-starter</a></li>
|
||
</ul>
|
||
<h3 id="vue-starter">vue-starter <a
|
||
href="https://awesomestacks.dev/vue-starter">↗</a></h3>
|
||
<p>The most complete boilerplate for production-ready PWAs. With focus
|
||
on performance, development speed, and best practices.</p>
|
||
<ul>
|
||
<li><a href="https://vuejs.org/">Vue.js</a> - <a
|
||
href="https://stackshare.io/vue-js">🛠️</a> - <a
|
||
href="https://github.com/vuejs/vue">🐙</a> - An approachable core
|
||
library that focuses on the view layer only.</li>
|
||
<li><a href="https://www.typescriptlang.org/">TypeScript</a> - <a
|
||
href="https://stackshare.io/typescript">🛠️</a> - <a
|
||
href="https://github.com/Microsoft/TypeScript">🐙</a> - A typed superset
|
||
of JavaScript that compiles to plain JavaScript.</li>
|
||
<li><a href="https://jestjs.io/">Jest</a> - <a
|
||
href="https://stackshare.io/jest">🛠️</a> - <a
|
||
href="https://github.com/facebook/jest">🐙</a> - A comprehensive,
|
||
delightful JavaScript testing solution.</li>
|
||
<li><a href="https://prettier.io/">Prettier</a> - <a
|
||
href="https://stackshare.io/prettier">🛠️</a> - <a
|
||
href="https://github.com/prettier/prettier">🐙</a> - An opinionated code
|
||
formatter.</li>
|
||
<li><a href="https://vuex.vuejs.org/">Vuex</a> - <a
|
||
href="https://github.com/vuejs/vuex">🐙</a> - Centralized State
|
||
Management for Vue.js.</li>
|
||
<li><a href="https://router.vuejs.org/">Vue Router</a> - <a
|
||
href="https://github.com/vuejs/vue-router">🐙</a> - Vue Router is the
|
||
official router for Vue.js.</li>
|
||
</ul>
|
||
<h5 id="resources-3">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://vue-starter.herokuapp.com/docs/">vue-starter</a></li>
|
||
</ul>
|
||
<h3 id="vue-enterprise-boilerplate">Vue Enterprise Boilerplate <a
|
||
href="https://awesomestacks.dev/vue-enterprise-boilerplate">↗</a></h3>
|
||
<p>An ever-evolving and opinionated architecture and dev environment for
|
||
new Vue SPA projects using Vue CLI 3.</p>
|
||
<ul>
|
||
<li><a href="https://vuejs.org/">Vue.js</a> - <a
|
||
href="https://stackshare.io/vue-js">🛠️</a> - <a
|
||
href="https://github.com/vuejs/vue">🐙</a> - An approachable core
|
||
library that focuses on the view layer only.</li>
|
||
<li><a href="https://vuex.vuejs.org/">Vuex</a> - <a
|
||
href="https://github.com/vuejs/vuex">🐙</a> - Centralized State
|
||
Management for Vue.js.</li>
|
||
<li><a href="https://router.vuejs.org/">Vue Router</a> - <a
|
||
href="https://github.com/vuejs/vue-router">🐙</a> - Vue Router is the
|
||
official router for Vue.js.</li>
|
||
<li><a href="https://cli.vuejs.org/">Vue CLI</a> - <a
|
||
href="https://github.com/vuejs/vue-cli">🐙</a> - An approachable core
|
||
library that focuses on the view layer only.</li>
|
||
<li><a href="https://babeljs.io/">Babel</a> - <a
|
||
href="https://stackshare.io/babel">🛠️</a> - <a
|
||
href="https://github.com/babel/babel">🐙</a> - 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.</li>
|
||
<li><a href="https://sass-lang.com">Sass</a> - <a
|
||
href="https://stackshare.io/sass">🛠️</a> - <a
|
||
href="https://github.com/sass/sass">🐙</a> - 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.</li>
|
||
</ul>
|
||
<h5 id="resources-4">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/chrisvfritz/vue-enterprise-boilerplate">vue-enterprise-boilerplate</a></li>
|
||
</ul>
|
||
<h3 id="progressive-web-app-with-gatsby">Progressive Web App with Gatsby
|
||
<a
|
||
href="https://awesomestacks.dev/progressive-web-app-with-gatsby">↗</a></h3>
|
||
<p>Build a simple polling progressive web application with some great
|
||
modern tech.</p>
|
||
<ul>
|
||
<li><a href="https://gatsbyjs.org/">Gatsby</a> - <a
|
||
href="https://stackshare.io/gatsbyjs">🛠</a> - <a
|
||
href="https://github.com/gatsbyjs/gatsby">🐙</a> - Gatsby is a blazing
|
||
fast modern site generator for React.</li>
|
||
<li><a href="https://firebase.google.com/docs/firestore/">Cloud
|
||
Firestore</a> - <a href="https://stackshare.io/cloud-firestore">🛠️</a> -
|
||
A noSQL cloud database that exposes event listeners for real-time
|
||
updates.</li>
|
||
<li><a href="https://netlify.com/">Netlify</a> - <a
|
||
href="https://stackshare.io/netlify">🛠️</a> - Netlify is a global CDN
|
||
that makes continuous deployments as simple as a few clicks.</li>
|
||
<li><a href="https://www.styled-components.com/">styled components</a> -
|
||
<a href="https://stackshare.io/styled-components">🛠</a> - <a
|
||
href="https://github.com/styled-components/styled-components">🐙</a> - A
|
||
react-specific css-in-js solution.</li>
|
||
<li><a href="https://www.contentful.com/">Contentful</a> - <a
|
||
href="https://stackshare.io/contentful">🛠</a> - <a
|
||
href="https://github.com/contentful">🐙</a> - 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.</li>
|
||
</ul>
|
||
<h5 id="resources-5">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/@UnicornAgency/jamstack-pwa-lets-build-a-polling-app-with-gatsby-js-firebase-and-styled-components-pt-1-78a03a633092">JAMstack
|
||
PWA — Let’s Build a Polling App. with Gatsby.js, Firebase, and
|
||
Styled-components</a></li>
|
||
<li><a
|
||
href="https://www.contentful.com/r/knowledgebase/gatsbyjs-and-contentful-in-five-minutes/">Learn
|
||
how to easily build a GatsbyJS website powered by Contentful</a></li>
|
||
</ul>
|
||
<h3 id="victor-hugo-boilerplate">Victor Hugo boilerplate <a
|
||
href="https://awesomestacks.dev/victor-hugo-boilerplate">↗</a></h3>
|
||
<p>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.</p>
|
||
<ul>
|
||
<li><a href="https://gohugo.io/">Hugo</a> - <a
|
||
href="https://stackshare.io/hugo_2">🛠</a>- <a
|
||
href="https://github.com/gohugoio/hugo">🐙</a> - The world’s fastest
|
||
framework for building websites.</li>
|
||
<li><a href="https://webpack.js.org/">Webpack</a> - <a
|
||
href="https://stackshare.io/webpack">🛠️</a> - <a
|
||
href="https://github.com/webpack/webpack">🐙</a> - A static module
|
||
bundler for modern JavaScript applications.</li>
|
||
<li><a href="https://babeljs.io/">Babel</a> - <a
|
||
href="https://stackshare.io/babel">🛠️</a> - <a
|
||
href="https://github.com/babel/babel">🐙</a> - A JavaScript compiler;
|
||
use next generation JavaScript, today.</li>
|
||
<li><a href="https://postcss.org/">PostCSS</a> - <a
|
||
href="https://stackshare.io/postcss">🛠</a> - <a
|
||
href="https://github.com/postcss/postcss">🐙</a> - A tool for
|
||
transforming CSS with JavaScript.</li>
|
||
</ul>
|
||
<h5 id="resources-6">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/netlify-templates/victor-hugo">netlify-templates/victor-hugo</a></li>
|
||
</ul>
|
||
<h3 id="nuxt-typescript-docker">Nuxt, TypeScript + Docker <a
|
||
href="https://awesomestacks.dev/nuxt-type-script-docker">↗</a></h3>
|
||
<p>Bleeding edge vue template focused on code quality and developer
|
||
happiness.</p>
|
||
<p>Offers a complete setup for both small and enterprise-scale apps.</p>
|
||
<ul>
|
||
<li><a href="https://nuxtjs.org/">Nuxt</a> - <a
|
||
href="https://stackshare.io/nuxt">🛠</a> - <a
|
||
href="https://github.com/nuxt/nuxt.js">🐙</a> - Vue.js Meta Framework to
|
||
create complex, fast & universal web applications quickly.</li>
|
||
<li><a href="https://www.typescriptlang.org/">TypeScript</a> - <a
|
||
href="https://stackshare.io/typescript">🛠️</a> - <a
|
||
href="https://github.com/Microsoft/TypeScript">🐙</a> - A typed superset
|
||
of JavaScript that compiles to plain JavaScript.</li>
|
||
<li><a href="https://sass-lang.com">Sass</a> - <a
|
||
href="https://stackshare.io/sass">🛠️</a> - <a
|
||
href="https://github.com/sass/sass">🐙</a> - 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.</li>
|
||
<li><a href="https://jestjs.io/">Jest</a> - <a
|
||
href="https://stackshare.io/jest">🛠️</a> - <a
|
||
href="https://github.com/facebook/jest">🐙</a> - A comprehensive,
|
||
delightful JavaScript testing solution.</li>
|
||
<li><a href="https://eslint.org/">eslint</a> - <a
|
||
href="https://stackshare.io/eslint">🛠️</a> - <a
|
||
href="https://github.com/eslint/eslint">🐙</a> - The pluggable linting
|
||
utility for JavaScript and JSX.</li>
|
||
<li><a href="https://stylelint.io/">stylelint</a> - <a
|
||
href="https://stackshare.io/stylelint">🛠️</a> - <a
|
||
href="https://github.com/stylelint/stylelint">🐙</a> - A mighty, modern
|
||
linter that helps you avoid errors and enforce conventions in your
|
||
styles.</li>
|
||
<li><a href="https://www.docker.com/">Docker</a> - <a
|
||
href="https://stackshare.io/docker">🛠</a> - <a
|
||
href="https://github.com/docker/docker">🐙</a> A tool to create, deploy
|
||
and run applications inside containers.</li>
|
||
</ul>
|
||
<h5 id="resources-7">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/wemake-services/wemake-vue-template">wemake-vue-template</a></li>
|
||
</ul>
|
||
<h3 id="nextjs-blog-starter">Nextjs Blog Starter <a
|
||
href="https://awesomestacks.dev/nextjs-blog-starter">↗</a></h3>
|
||
<p>A Nextjs Boilerplate code for creating a blog. The perfect solution
|
||
to start a blog in React and use Tailwind CSS for styling.</p>
|
||
<ul>
|
||
<li><a href="https://nextjs.org/">Next.js</a> - <a
|
||
href="https://stackshare.io/next-js">🛠</a> - <a
|
||
href="https://github.com/zeit/next.js">🐙</a> - The React Framework for
|
||
server rendering, static websites, PWAs.</li>
|
||
<li><a href="https://reactjs.org/">React</a> - <a
|
||
href="https://stackshare.io/react">🛠</a> - <a
|
||
href="https://github.com/facebook/react">🐙</a> - React components can
|
||
be used on the client and server side.</li>
|
||
<li><a href="https://www.typescriptlang.org/">TypeScript</a> - <a
|
||
href="https://stackshare.io/typescript">🛠️</a> - <a
|
||
href="https://github.com/Microsoft/TypeScript">🐙</a> - A typed superset
|
||
of JavaScript that compiles to plain JavaScript.</li>
|
||
<li><a href="https://eslint.org/">eslint</a> - <a
|
||
href="https://stackshare.io/eslint">🛠️</a> - <a
|
||
href="https://github.com/eslint/eslint">🐙</a> - The pluggable linting
|
||
utility for JavaScript and JSX.</li>
|
||
<li><a href="https://babeljs.io/">Babel</a> - <a
|
||
href="https://stackshare.io/babel">🛠️</a> - <a
|
||
href="https://github.com/babel/babel">🐙</a> - A JavaScript compiler;
|
||
use next generation JavaScript, today.</li>
|
||
<li><a href="https://postcss.org/">PostCSS</a> - <a
|
||
href="https://stackshare.io/postcss">🛠</a> - <a
|
||
href="https://github.com/postcss/postcss">🐙</a> - A tool for
|
||
transforming CSS with JavaScript.</li>
|
||
<li><a href="https://netlify.com/">Netlify</a> - <a
|
||
href="https://stackshare.io/netlify">🛠️</a> - Netlify is a global CDN
|
||
that makes continuous deployments as simple as a few clicks.</li>
|
||
</ul>
|
||
<h5 id="resources-8">Resources</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/ixartz/Next-js-Blog-Boilerplate">Nextjs
|
||
Blog Starter</a></li>
|
||
<li><a
|
||
href="https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/">Nextjs
|
||
Blog Starter Demo</a></li>
|
||
</ul>
|
||
<h2 id="full-stack">Full stack</h2>
|
||
<h3 id="mern-mongo-express-react-node">MERN: Mongo Express React Node <a
|
||
href="https://awesomestacks.dev/mern-mongo-express-react-node">↗</a></h3>
|
||
<p>MERN stands for MongoDB, Express, React, Node. The four key
|
||
technologies that make up the stack.</p>
|
||
<ul>
|
||
<li><a href="https://reactjs.org/">React</a> - <a
|
||
href="https://stackshare.io/react">🛠</a> - <a
|
||
href="https://github.com/facebook/react">🐙</a> - React components can
|
||
be used on the client and server side.</li>
|
||
<li><a href="https://www.mongodb.com/">MongoDB</a> - <a
|
||
href="https://stackshare.io/mongodb">🛠️</a> - <a
|
||
href="https://github.com/mongodb/mongo">🐙</a> - A document and
|
||
JSON-oriented database.</li>
|
||
<li><a href="https://expressjs.com/">Express</a> - <a
|
||
href="https://stackshare.io/expressjs">🛠️</a> - <a
|
||
href="https://github.com/expressjs/express">🐙</a> - Fast,
|
||
unopinionated, minimalist web framework for Node.js.</li>
|
||
<li><a href="https://nodejs.org/en/">Node.js</a> - <a
|
||
href="https://stackshare.io/nodejs">🛠️</a> - <a
|
||
href="https://github.com/nodejs/node">🐙</a> - Node.js is a JavaScript
|
||
runtime built on Chrome’s V8 JavaScript engine.</li>
|
||
</ul>
|
||
<h5 id="resources-9">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/@beaucarnes/learn-the-mern-stack-by-building-an-exercise-tracker-mern-tutorial-59c13c1237a1">Learn
|
||
the MERN stack by building an exercise tracker — MERN Tutorial</a></li>
|
||
</ul>
|
||
<h3 id="graphcms-react-apollo">GraphCMS React + Apollo <a
|
||
href="https://awesomestacks.dev/graph-cms-react-apollo">↗</a></h3>
|
||
<p>Lightning fast starter for bloggers, content creators, and really
|
||
anyone who wants to break free from WordPress.</p>
|
||
<ul>
|
||
<li><a href="https://graphcms.com/">GraphCMS</a> - <a
|
||
href="https://stackshare.io/graphcms">🛠️</a> - GraphCMS providing a
|
||
backend to your app, giving you the tools to manage content.</li>
|
||
<li><a href="https://facebook.github.io/create-react-app/">Create React
|
||
App</a> - <a href="https://stackshare.io/create-react-app">🛠</a> - <a
|
||
href="https://github.com/facebook/create-react-app">🐙</a> - Set up a
|
||
modern web app by running one command.</li>
|
||
<li><a href="https://www.apollographql.com/">Apollo</a> - <a
|
||
href="https://stackshare.io/apollo">🛠️</a> - <a
|
||
href="https://github.com/apollographql/apollo-client">🐙</a> - Apollo
|
||
Client is the best way to use GraphQL to build client applications.</li>
|
||
</ul>
|
||
<h5 id="resources-10">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/GraphCMS/graphcms-examples/tree/master/with-reactjs">GraphCMS
|
||
starter blog with React & Apollo Client</a></li>
|
||
</ul>
|
||
<h3 id="strapi-cms-with-gatsby">Strapi CMS with Gatsby <a
|
||
href="https://awesomestacks.dev/strapi-cms-with-gatsby">↗</a></h3>
|
||
<p>Use Strapi CMS to maintain and manage your Gatsby static site. Deploy
|
||
to Heroku.</p>
|
||
<ul>
|
||
<li><a href="https://strapi.io">Strapi CMS</a> - <a
|
||
href="https://github.com/strapi/strapi">🐙</a> - Strapi is the Headless
|
||
CMS developers love.</li>
|
||
<li><a href="https://gatsbyjs.org/">Gatsby</a> - <a
|
||
href="https://stackshare.io/gatsbyjs">🛠</a> - <a
|
||
href="https://github.com/gatsbyjs/gatsby">🐙</a> - Gatsby is a blazing
|
||
fast modern site generator for React.</li>
|
||
<li><a href="https://www.heroku.com/">Heroku</a> - <a
|
||
href="https://stackshare.io/heroku">🛠️</a> - Heroku is a powerful
|
||
platform for deploying your apps.</li>
|
||
</ul>
|
||
<h5 id="resources-11">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://blog.strapi.io/building-a-static-website-using-gatsby-and-strapi/">Building
|
||
a Static Blog using Gatsby and Strapi</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PL7Q0DQYATmvgGiz0MbbsMA_aB1V0yLE7a">Learn
|
||
Gatsby with Strapi Headless CMS Video Series</a></li>
|
||
<li><a
|
||
href="https://strapi.io/documentation/3.x.x/guides/deployment.html#heroku">Deploying
|
||
Strapi to Heroku</a></li>
|
||
</ul>
|
||
<h3 id="algolia-site-search">Algolia site search <a
|
||
href="https://awesomestacks.dev/algolia-site-search">↗</a></h3>
|
||
<p>Add search to your JAMStack website, through a static site
|
||
integration or by crawling the content.</p>
|
||
<ul>
|
||
<li><a href="https://algolia.com/">Algolia</a> - <a
|
||
href="https://stackshare.io/algolia">🛠</a> - Hosted search API, free up
|
||
to 10,000 records.</li>
|
||
<li><a href="https://community.algolia.com/docsearch">DocSearch</a> - <a
|
||
href="https://github.com/algolia/docsearch-scraper">🐙</a> - Crawls a
|
||
website and uploads it to an index.</li>
|
||
<li><a
|
||
href="https://www.gatsbyjs.org/packages/gatsby-plugin-algolia/">gatsby-plugin-algolia</a>
|
||
- <a href="https://github.com/algolia/gatsby-plugin-algolia">🐙</a> -
|
||
Use GraphQL to specify Gatsby object to index with Algolia (beta).</li>
|
||
<li><a
|
||
href="https://github.com/replicatedhq/hugo-algolia">hugo-algolia</a> -
|
||
<a href="https://github.com/replicatedhq/hugo-algolia">🐙</a> - Generate
|
||
and send indices from Hugo static sites for use with Algolia.</li>
|
||
<li><a
|
||
href="https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/">instantsearch.js</a>
|
||
- <a href="https://github.com/algolia/instantsearch.js">🐙</a> -
|
||
JavaScript library for building performant and instant search
|
||
experiences.</li>
|
||
</ul>
|
||
<h5 id="resources-12">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://forestry.io/blog/search-with-algolia-in-hugo/">Static site
|
||
search with Hugo + Algolia</a></li>
|
||
</ul>
|
||
<h3 id="mevn-mongo-express-vue-node">MEVN: Mongo Express Vue Node <a
|
||
href="https://awesomestacks.dev/mevn-mongo-express-vue-node">↗</a></h3>
|
||
<p>This is a full stack web app boilerplate project with VueJS +
|
||
ExpressJS + MongoDB.</p>
|
||
<ul>
|
||
<li><a href="https://vuejs.org/">Vue.js</a> - <a
|
||
href="https://stackshare.io/vue-js">🛠️</a> - <a
|
||
href="https://github.com/vuejs/vue">🐙</a> - An approachable core
|
||
library that focuses on the view layer only.</li>
|
||
<li><a href="https://www.mongodb.com/">MongoDB</a> - <a
|
||
href="https://stackshare.io/mongodb">🛠️</a> - <a
|
||
href="https://github.com/mongodb/mongo">🐙</a> - A document and
|
||
JSON-oriented database.</li>
|
||
<li><a href="https://expressjs.com/">Express</a> - <a
|
||
href="https://stackshare.io/expressjs">🛠️</a> - <a
|
||
href="https://github.com/expressjs/express">🐙</a> - A minimal and
|
||
flexible Node.js web application framework.</li>
|
||
<li><a href="https://nodejs.org/en/">Node.js</a> - <a
|
||
href="https://stackshare.io/nodejs">🛠️</a> - <a
|
||
href="https://github.com/nodejs/node">🐙</a> - Node.js is a JavaScript
|
||
runtime built on Chrome’s V8 JavaScript engine.</li>
|
||
</ul>
|
||
<h5 id="resources-13">Resources</h5>
|
||
<ul>
|
||
<li><a href="http://vemapp.moleculer.services/">Welcome to
|
||
Vue-Express-Mongo BoilerPlate</a></li>
|
||
</ul>
|
||
<h3 id="rock-solid-modern-rails">Rock Solid Modern Rails <a
|
||
href="https://awesomestacks.dev/rock-solid-modern-rails">↗</a></h3>
|
||
<p>A Rails/JavaScript-based stack with modern/developer friendly
|
||
technologies</p>
|
||
<ul>
|
||
<li><a href="https://rubyonrails.org/">Rails</a> - <a
|
||
href="https://stackshare.io/rails">🛠</a> - <a
|
||
href="https://github.com/rails/rails">🐙</a> - An established web app
|
||
framework with a focus on simplicity and productivity.</li>
|
||
<li><a href="https://reactjs.org/">React</a> - <a
|
||
href="https://stackshare.io/react">🛠</a> - <a
|
||
href="https://github.com/facebook/react">🐙</a> - React components can
|
||
be used on the client and server side.</li>
|
||
<li><a href="https://graphql-ruby.org/">GraphQL Ruby</a> - <a
|
||
href="https://stackshare.io/graphql-ruby">🛠</a> - <a
|
||
href="https://github.com/rmosolgo/graphql-ruby">🐙</a> - Ruby server
|
||
implementation of the GraphQL specification.</li>
|
||
<li><a href="https://dev.apollodata.com/">Apollo Client</a> - <a
|
||
href="https://stackshare.io/apollo">🛠</a> - <a
|
||
href="https://github.com/apollographql/apollo-client">🐙</a> - A
|
||
powerfully extensible GraphQL JavaScript client.</li>
|
||
<li><a href="https://heroku.com">Heroku</a> - <a
|
||
href="https://stackshare.io/heroku">🛠️</a> Developer friendly web app
|
||
infrastructure provider with seamless Ruby/Rails support.</li>
|
||
<li><a href="https://www.cloud66.com/">Cloud 66</a> - <a
|
||
href="https://stackshare.io/cloud-66">🛠️</a> 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”.</li>
|
||
</ul>
|
||
<h5 id="resources-14">Resources</h5>
|
||
<ul>
|
||
<li><a href="https://blog.heroku.com/a-rock-solid-modern-web-stack">A
|
||
Rock Solid, Modern Web Stack—Rails 5 API + ActiveAdmin + Create React
|
||
App on Heroku</a></li>
|
||
</ul>
|
||
<h3 id="serverless-stack-with-react-on-aws">Serverless Stack with React
|
||
on AWS <a
|
||
href="https://awesomestacks.dev/serverless-stack-with-react-on-aws">↗</a></h3>
|
||
<p>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.</p>
|
||
<ul>
|
||
<li><a href="https://serverless.com/">Serverless Framework</a> - <a
|
||
href="https://stackshare.io/serverless">🛠️</a> - <a
|
||
href="https://github.com/serverless/serverless">🐙</a> - A toolkit for
|
||
building serverless applications.</li>
|
||
<li><a href="https://aws.amazon.com/lambda">AWS Lambda</a> - <a
|
||
href="https://stackshare.io/aws-lambda">🛠️</a> - A compute service that
|
||
runs your code in response to events.</li>
|
||
<li><a href="http://aws.amazon.com/dynamodb/">DynamoDB</a> - <a
|
||
href="https://stackshare.io/amazon-dynamodb">🛠️</a> - Fully managed
|
||
NoSQL database service.</li>
|
||
<li><a href="https://aws.amazon.com/cognito/">Amazon Cognito</a> - <a
|
||
href="https://stackshare.io/amazon-cognito">🛠️</a> - Securely manage and
|
||
synchronize app data for your users across their mobile devices.</li>
|
||
<li><a href="https://aws.amazon.com/s3/">Amazon S3</a> - <a
|
||
href="https://stackshare.io/amazon-s3">🛠️</a> - Store and retrieve any
|
||
amount of data, at any time, from anywhere on the web.</li>
|
||
<li><a href="https://aws-amplify.github.io/">AWS Amplify</a> - <a
|
||
href="https://stackshare.io/aws-amplify">🛠️</a> - JavaScript Open Source
|
||
Library with React, React Native Extensions.</li>
|
||
<li><a href="https://aws.amazon.com/cloudfront/">Amazon CloudFront</a> -
|
||
<a href="https://stackshare.io/amazon-cloudfront">🛠️</a> - Content
|
||
delivery with low latency and high data transfer speeds.</li>
|
||
<li><a href="https://facebook.github.io/create-react-app/">Create React
|
||
App</a> - <a href="https://stackshare.io/create-react-app">🛠</a> - <a
|
||
href="https://github.com/facebook/create-react-app">🐙</a> - Set up a
|
||
modern web app by running one command.</li>
|
||
</ul>
|
||
<h5 id="resources-15">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://serverless-stack.com/">serverless-stack.com</a></li>
|
||
</ul>
|
||
<h3 id="electron-react-boilerplate">Electron React Boilerplate <a
|
||
href="https://awesomestacks.dev/electron-react-boilerplate">↗</a></h3>
|
||
<p>A foundation for scalable cross-platform desktop apps all the way
|
||
from development to distributing your app.</p>
|
||
<ul>
|
||
<li><a href="http://electron.atom.io/">Electron</a> - <a
|
||
href="https://stackshare.io/electron">🛠️</a> - <a
|
||
href="https://github.com/electron/electron">🐙</a> - Build
|
||
cross-platform desktop apps with JavaScript, HTML, and CSS.</li>
|
||
<li><a href="https://reactjs.org/">React</a> - <a
|
||
href="https://stackshare.io/react">🛠</a> - <a
|
||
href="https://github.com/facebook/react">🐙</a> - React components can
|
||
be used on the client and server side.</li>
|
||
<li><a href="https://redux.js.org/">Redux</a> - <a
|
||
href="https://stackshare.io/reduxjs">🛠</a> - <a
|
||
href="https://github.com/reduxjs/redux">🐙</a> - Predictable state
|
||
container for JavaScript apps.</li>
|
||
<li><a href="https://www.electron.build">electron-builder</a> - <a
|
||
href="https://github.com/electron-userland/electron-builder">🐙</a> - A
|
||
complete solution to package and build a ready for distribution Electron
|
||
app with “auto update” support out of the box.</li>
|
||
</ul>
|
||
<h5 id="resources-16">Resources</h5>
|
||
<ul>
|
||
<li><a href="https://electron-react-boilerplate.js.org/">Electron React
|
||
Boilerplate website</a></li>
|
||
</ul>
|
||
<h3 id="vue-with-electron">Vue with Electron <a
|
||
href="https://awesomestacks.dev/vue-with-electron">↗</a></h3>
|
||
<p>A foundation for scalable cross-platform desktop apps all the way
|
||
from development to distributing your app using Vue and Electron.</p>
|
||
<ul>
|
||
<li><a href="http://electron.atom.io/">Electron</a> - <a
|
||
href="https://stackshare.io/electron">🛠️</a> - <a
|
||
href="https://github.com/electron/electron">🐙</a> - Build
|
||
cross-platform desktop apps with JavaScript, HTML, and CSS.</li>
|
||
<li><a href="https://vuejs.org/">Vue.js</a> - <a
|
||
href="https://stackshare.io/vue-js">🛠️</a> - <a
|
||
href="https://github.com/vuejs/vue">🐙</a> - An approachable core
|
||
library that focuses on the view layer only.</li>
|
||
<li><a href="https://redux.js.org/">Vuex</a> - <a
|
||
href="https://stackshare.io/reduxjs">🛠</a> - <a
|
||
href="https://github.com/reduxjs/redux">🐙</a> - Predictable state
|
||
container for JavaScript apps.</li>
|
||
<li><a href="https://router.vuejs.org/">Vue Router</a> - <a
|
||
href="https://github.com/vuejs/vue-router">🐙</a> - Vue Router is the
|
||
official router for Vue.js.</li>
|
||
<li><a href="https://cli.vuejs.org/">Vue CLI</a> - <a
|
||
href="https://github.com/vuejs/vue-cli">🐙</a> - An approachable core
|
||
library that focuses on the view layer only.</li>
|
||
<li><a href="https://www.electron.build">electron-builder</a> - <a
|
||
href="https://github.com/electron-userland/electron-builder">🐙</a> - A
|
||
complete solution to package and build a ready for distribution Electron
|
||
app with “auto update” support out of the box.</li>
|
||
</ul>
|
||
<h5 id="resources-17">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/@mikeal/vue-js-electron-the-easy-way-adc3ca09234a">Vue.js
|
||
& Electron: The easy way. – Mikeal</a></li>
|
||
<li><a href="https://alligator.io/vuejs/vue-electron/">How to use Vue.js
|
||
with Electron and Vuex</a></li>
|
||
</ul>
|
||
<h3 id="code-coverage-ci">Code Coverage & CI <a
|
||
href="https://awesomestacks.dev/code-coverage-and-ci">↗</a></h3>
|
||
<p>Quickest way to get started with CI and Code Coverage.</p>
|
||
<ul>
|
||
<li><a href="https://circleci.com/">CircleCI</a> - <a
|
||
href="https://stackshare.io/circleci">🛠</a> - Popular managed CI
|
||
server.</li>
|
||
<li><a href="https://codecov.io/">Codecov</a> - <a
|
||
href="https://stackshare.io/codecov">🛠️</a> - Hosted coverage reports
|
||
with awesome features to enhance your CI workflow.</li>
|
||
<li><a href="https://www.gnu.org/software/bash/">Bash</a> - <a
|
||
href="https://stackshare.io/gnu-bash">🛠</a> - The Bourne Again SHell is
|
||
an sh-compatible shell.</li>
|
||
<li><a href="https://github.com/">GitHub</a> - <a
|
||
href="https://stackshare.io/github">🛠</a> - Powerful collaboration,
|
||
review, and code management for open source and private development
|
||
projects.</li>
|
||
</ul>
|
||
<h5 id="resources-18">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://circleci.com/blog/making-code-coverage-easy-to-see-with-the-codecov-orb/">Making
|
||
code coverage easy to see with Codecov & CircleCI</a></li>
|
||
<li><a href="https://docs.codecov.io/docs/ci-service-relationship">CI
|
||
Provider Relationship</a></li>
|
||
<li><a
|
||
href="https://docs.codecov.io/docs/about-the-codecov-bash-uploader">Codecov
|
||
Bash Uploader</a></li>
|
||
</ul>
|
||
<h3 id="vue-spa-with-laravel">Vue SPA with Laravel <a
|
||
href="https://awesomestacks.dev/vue-spa-with-laravel">↗</a></h3>
|
||
<p>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!</p>
|
||
<ul>
|
||
<li><a href="https://php.net">PHP 7</a> - <a
|
||
href="https://stackshare.io/php">🛠</a> - <a
|
||
href="https://github.com/php/php-src">🐙</a> - A popular general-purpose
|
||
scripting language that is especially suited for web development.</li>
|
||
<li><a href="https://laravel.com/">Laravel</a> - <a
|
||
href="https://stackshare.io/laravel">🛠</a> - <a
|
||
href="https://github.com/laravel/laravel">🐙</a> - One of the most
|
||
popular Object Oriented MVC PHP Framework with elegant syntax and golden
|
||
standard software patterns.</li>
|
||
<li><a href="https://vuejs.org/">Vue.js</a> - <a
|
||
href="https://stackshare.io/vue-js">🛠️</a> - <a
|
||
href="https://github.com/vuejs/vue">🐙</a> - An approachable core
|
||
library that focuses on the view layer only.</li>
|
||
<li><a href="https://laravel.com/docs/5.8/mix">Laravel Mix</a> - <a
|
||
href="https://github.com/JeffreyWay/laravel-mix">🐙</a> - A build tool
|
||
built on top of webpack, to easily compile any front end assets.
|
||
(secret: works with or without Laravel)</li>
|
||
<li><a href="https://babeljs.io/">Babel</a> - <a
|
||
href="https://stackshare.io/babel">🛠️</a> - <a
|
||
href="https://github.com/babel/babel">🐙</a> - 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.</li>
|
||
<li><a href="https://sass-lang.com">Sass</a> - <a
|
||
href="https://stackshare.io/sass">🛠️</a> - <a
|
||
href="https://github.com/sass/sass">🐙</a> - 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.</li>
|
||
</ul>
|
||
<h5 id="resources-19">Resources</h5>
|
||
<ul>
|
||
<li><a href="https://laravel-news.com/using-vue-router-laravel">Building
|
||
a Vue SPA with Laravel</a></li>
|
||
<li><a
|
||
href="https://laravel-news.com/your-first-laravel-application">Laravel
|
||
Tutorial: Step by Step Guide to Building Your First Laravel
|
||
Application</a></li>
|
||
</ul>
|
||
<h3 id="fremp-flask-reactjs-mongodb-python">FReMP: Flask ReactJS MongoDB
|
||
Python <a
|
||
href="https://awesomestacks.dev/fremp-flask-reactjs-mongodb-python">↗</a></h3>
|
||
<p>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.</p>
|
||
<ul>
|
||
<li><a href="https://flask.palletsprojects.com/">Flask</a> - <a
|
||
href="https://stackshare.io/flask">🛠️</a> - <a
|
||
href="https://github.com/pallets/flask">🐙</a> - The Python micro
|
||
framework for building web applications.</li>
|
||
<li><a href="https://reactjs.org/">ReactJS</a> - <a
|
||
href="https://stackshare.io/react">🛠️</a> - <a
|
||
href="https://github.com/facebook/react">🐙</a> - A declarative,
|
||
efficient, and flexible JavaScript library for building user
|
||
interfaces.</li>
|
||
<li><a href="https://www.mongodb.com/">MongoDB</a> - <a
|
||
href="https://stackshare.io/mongodb">🛠️</a> - <a
|
||
href="https://github.com/mongodb/mongo">🐙</a> - A document and
|
||
JSON-oriented database.</li>
|
||
<li><a href="https://www.python.org/">Python</a> - <a
|
||
href="https://stackshare.io/python">🛠️</a> - <a
|
||
href="https://github.com/python/cpython">🐙</a> - A programming language
|
||
that lets you work quickly.</li>
|
||
</ul>
|
||
<h5 id="resources-20">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/@akhilmaulloo/how-to-install-fremp-stack-on-ubuntu-20-04-e4be2a3a88b9">How
|
||
to install FReMP Stack on Ubuntu?</a></li>
|
||
<li><a
|
||
href="https://medium.com/@akhilmaulloo/the-fremp-stack-building-a-full-stack-web-application-91308e505250">How
|
||
to build a full stack web app using FReMP?</a></li>
|
||
<li><a
|
||
href="https://medium.com/@akhilmaulloo/the-fremp-stack-deploying-to-heroku-163254c3ca4d">How
|
||
to deploy the app to Heroku?</a></li>
|
||
<li><a href="https://fremp.github.io">Official Website</a></li>
|
||
<li><a href="https://github.com/FReMP">Github</a></li>
|
||
<li><a href="https://github.com/FReMP/fremp">Boilerplate</a></li>
|
||
</ul>
|
||
<h2 id="back-end">Back-end</h2>
|
||
<h3 id="gcp-kubernetes-stack">GCP Kubernetes Stack <a
|
||
href="https://awesomestacks.dev/gcp-kubernetes-stack">↗</a></h3>
|
||
<p>Stack used to deploy and manage a cluster of Docker containerized
|
||
applications using Google Cloud services.</p>
|
||
<ul>
|
||
<li><a href="https://cloud.google.com/kubernetes-engine/">GKE</a> - <a
|
||
href="https://stackshare.io/google-kubernetes-engine">🛠</a> - Kubernetes
|
||
cluster managed by Google.</li>
|
||
<li><a href="https://kubernetes.io/">Kubernetes</a> - <a
|
||
href="https://github.com/kubernetes/kubernetes">🐙</a> - <a
|
||
href="https://stackshare.io/kubernetes">🛠</a> - Production-Grade
|
||
Container Scheduling and Management.</li>
|
||
<li><a href="https://www.docker.com/">Docker</a> - <a
|
||
href="https://stackshare.io/docker">🛠</a> - <a
|
||
href="https://github.com/docker/docker">🐙</a> - A tool to create,
|
||
deploy and run applications inside containers.</li>
|
||
<li><a href="https://cloud.google.com/stackdriver/">Stackdriver</a> - <a
|
||
href="https://stackshare.io/stackdriver">🛠️</a> - Stackdriver Logging
|
||
allows you to store, search, analyze, monitor, and alert on log data and
|
||
events.</li>
|
||
</ul>
|
||
<h3 id="ethereum-dapp">Ethereum DApp <a
|
||
href="https://awesomestacks.dev/ethereum-d-app">↗</a></h3>
|
||
<p>A collection of tools for building decentralized applications on the
|
||
Ethereum blockchain.</p>
|
||
<ul>
|
||
<li><a href="https://solidity.readthedocs.io">Solidity</a> - <a
|
||
href="https://github.com/ethereum/solidity">🐙</a> - Solidity is an
|
||
object-oriented, high-level language for implementing smart
|
||
contracts.</li>
|
||
<li><a href="https://web3js.readthedocs.io">web3.js</a> - <a
|
||
href="https://github.com/ethereum/web3.js">🐙</a> - Ethereum JavaScript
|
||
API.</li>
|
||
<li><a href="https://docs.db3.network/">db3.js</a> - <a
|
||
href="https://github.com/dbpunk-labs/db3.js">🐙</a> - db3.js is the db3
|
||
network(Ethereum layer2) javascript API to write and query JSON
|
||
documents</li>
|
||
<li><a href="https://truffleframework.com/truffle">Truffle</a> - <a
|
||
href="https://github.com/trufflesuite/truffle">🐙</a> - A world class
|
||
development environment, testing framework and asset pipeline for
|
||
blockchains using the Ethereum Virtual Machine (EVM).</li>
|
||
<li><a href="https://truffleframework.com/ganache">Ganache</a> - <a
|
||
href="https://github.com/trufflesuite/ganache">🐙</a> - Personal
|
||
blockchain for Ethereum development.</li>
|
||
<li><a href="https://truffleframework.com/drizzle">drizzle</a> - <a
|
||
href="https://github.com/trufflesuite/drizzle">🐙</a> - A collection of
|
||
front-end libraries that make writing dapp user interfaces easier and
|
||
more predictable.</li>
|
||
</ul>
|
||
<h3 id="rails-monitoring-stack">Rails Monitoring Stack <a
|
||
href="https://awesomestacks.dev/rails-monitoring-stack">↗</a></h3>
|
||
<p>Tools to use to monitor your Rails app in production.</p>
|
||
<ul>
|
||
<li><a href="https://www.skylight.io">Skylight</a> - <a
|
||
href="https://stackshare.io/skylight">🛠</a> - The smart profiler for
|
||
your Rails apps.</li>
|
||
<li><a href="https://newrelic.com">New Relic</a> - <a
|
||
href="https://stackshare.io/new-relic">🛠</a> - SaaS Application
|
||
Performance Management for Ruby, PHP, .Net, Java, Python, and Node.js
|
||
Apps.</li>
|
||
<li><a
|
||
href="https://github.com/MiniProfiler/rack-mini-profiler">rack-mini-profiler</a>
|
||
- <a href="https://github.com/MiniProfiler/rack-mini-profiler">🐙</a> -
|
||
Profiler for your development and production Ruby rack apps.</li>
|
||
<li><a href="https://www.sqreen.com/">Sqreen</a> - <a
|
||
href="https://stackshare.io/sqreen">🛠</a> - Security monitoring and
|
||
protection for Ruby, PHP, Java, Go, Python, and Node.js Apps.</li>
|
||
</ul>
|
||
<h3 id="user-behavior-analytics-via-segment">User Behavior Analytics via
|
||
Segment <a
|
||
href="https://awesomestacks.dev/user-behavior-analytics-via-segment">↗</a></h3>
|
||
<p>Hosted tools to use to analyze user behavior for a web app.</p>
|
||
<ul>
|
||
<li><a href="https://segment.com">Segment</a> - <a
|
||
href="https://stackshare.io/segment">🛠️</a> - A single hub to collect,
|
||
translate and send your data with the flip of a switch.</li>
|
||
<li><a
|
||
href="https://marketingplatform.google.com/about/analytics/">Google
|
||
Analytics</a> - <a href="https://stackshare.io/google-analytics">🛠️</a>
|
||
- Enterprise-class web analytics.</li>
|
||
<li><a href="https://amplitude.com">Amplitude</a> - <a
|
||
href="https://stackshare.io/amplitude">🛠️</a> - User analytics to fuel
|
||
explosive user growth.</li>
|
||
<li><a href="https://www.fullstory.com/">FullStory</a> - <a
|
||
href="https://stackshare.io/fullstory">🛠️</a> - Capture all your
|
||
customer experience data in one powerful, easy-to-use platform.</li>
|
||
</ul>
|
||
<h3 id="streaming-analytics-with-kafka-spark-and-cassandra">Streaming
|
||
Analytics with Kafka, Spark, and Cassandra <a
|
||
href="https://awesomestacks.dev/streaming-analytics-with-kafka-spark-and-cassandra">↗</a></h3>
|
||
<p>The Kafka-Spark-Cassandra pipeline for processing a firehose of
|
||
incoming events.</p>
|
||
<ul>
|
||
<li><a href="http://kafka.apache.org/">Kafka</a> - <a
|
||
href="https://stackshare.io/kafka">🛠</a> - <a
|
||
href="https://github.com/apache/kafka">🐙</a> - Distributed, fault
|
||
tolerant, high throughput pub-sub messaging system.</li>
|
||
<li><a href="https://spark.apache.org">Apache Spark</a> - <a
|
||
href="https://stackshare.io/spark">🛠</a> - <a
|
||
href="https://github.com/apache/spark">🐙</a> - Fast and general engine
|
||
for large-scale data processing.</li>
|
||
<li><a href="http://cassandra.apache.org">Cassandra</a> - <a
|
||
href="https://stackshare.io/cassandra">🛠</a> - <a
|
||
href="https://github.com/apache/cassandra">🐙</a> - Highly-scalable
|
||
partitioned row store.</li>
|
||
</ul>
|
||
<h5 id="resources-21">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Yannael/kafka-sparkstreaming-cassandra">kafka-sparkstreaming-cassandra</a></li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/spark-kafka-cassandra-applying-lambda-architecture">Applying
|
||
the Lambda Architecture with Spark, Kafka, and Cassandra</a></li>
|
||
<li><a
|
||
href="https://databricks.com/session/streaming-analytics-with-spark-kafka-cassandra-and-akka">Streaming
|
||
Analytics with Spark, Kafka, Cassandra, and Akka</a></li>
|
||
</ul>
|
||
<h3 id="self-hosted-devops-and-collaboration">Self-Hosted Devops and
|
||
Collaboration <a
|
||
href="https://awesomestacks.dev/self-hosted-devops-and-collaboration">↗</a></h3>
|
||
<p>Self-hosted open source devops and collaboration tools, suitable for
|
||
enterprise.</p>
|
||
<ul>
|
||
<li><a href="https://about.gitlab.com/">GitLab</a> - <a
|
||
href="https://stackshare.io/gitlab">🛠</a> - <a
|
||
href="https://github.com/gitlabhq/gitlabhq">🐙</a> - Open source
|
||
self-hosted Git management software.</li>
|
||
<li><a href="https://zulipchat.com">Zulip</a> - <a
|
||
href="https://stackshare.io/zulip">🛠</a> - <a
|
||
href="https://github.com/zulip/zulip">🐙</a> - Powerful open source team
|
||
chat.</li>
|
||
<li><a href="https://hubot.github.com">Hubot</a> - <a
|
||
href="https://stackshare.io/hubot">🛠</a> - <a
|
||
href="https://github.com/hubotio/hubot">🐙</a> - A customizable life
|
||
embetterment robot.</li>
|
||
<li><a href="https://sentry.io">Sentry</a> - <a
|
||
href="https://stackshare.io/sentry">🛠</a> - <a
|
||
href="https://github.com/getsentry/sentry">🐙</a> - Cross-platform
|
||
application monitoring, with a focus on error reporting.</li>
|
||
<li><a href="https://taiga.io">Taiga.io</a> - <a
|
||
href="https://stackshare.io/taiga">🛠</a> - <a
|
||
href="https://github.com/taigaio">🐙</a> - Project management web
|
||
application with scrum in mind.</li>
|
||
<li><a href="https://www.metabase.com/">Metabase</a> - <a
|
||
href="https://stackshare.io/metabase">🛠</a> - <a
|
||
href="https://github.com/metabase/metabase">🐙</a> - An open-source
|
||
business intelligence tool.</li>
|
||
</ul>
|
||
<h3 id="production-ready-django-docker">Production Ready Django + Docker
|
||
<a
|
||
href="https://awesomestacks.dev/production-ready-django-docker">↗</a></h3>
|
||
<p>Bleeding edge Django template focused on code quality and
|
||
security.</p>
|
||
<p>Build, test, and deploy pipelines are configured by default.</p>
|
||
<ul>
|
||
<li><a href="https://www.python.org/">Python 3</a> - <a
|
||
href="https://stackshare.io/python">🛠</a> - <a
|
||
href="https://github.com/python/cpython">🐙</a> - A programming language
|
||
that lets you work quickly.</li>
|
||
<li><a href="https://www.djangoproject.com/">Django</a> - <a
|
||
href="https://stackshare.io/django">🛠</a> - <a
|
||
href="https://github.com/django/django">🐙</a> - The Web framework for
|
||
perfectionists with deadlines.</li>
|
||
<li><a href="https://www.docker.com/">Docker</a> - <a
|
||
href="https://stackshare.io/docker">🛠</a> - <a
|
||
href="https://github.com/docker/docker">🐙</a> - A tool to create,
|
||
deploy and run applications inside containers.</li>
|
||
<li><a href="https://about.gitlab.com/">GitLab</a> - <a
|
||
href="https://stackshare.io/gitlab">🛠</a> - <a
|
||
href="https://github.com/gitlabhq/gitlabhq">🐙</a> - Open source
|
||
self-hosted Git management software.</li>
|
||
<li><a href="https://caddyserver.com/">Caddy</a> - <a
|
||
href="https://stackshare.io/caddy">🛠</a> - <a
|
||
href="https://github.com/mholt/caddy">🐙</a> - The HTTP/2 Web Server
|
||
with Automatic HTTPS.</li>
|
||
</ul>
|
||
<h5 id="resources-22">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/wemake-services/wemake-django-template">wemake-django-template</a></li>
|
||
</ul>
|
||
<h3 id="restful-api-with-java-and-spring-boot">RESTful API with Java and
|
||
Spring Boot <a
|
||
href="https://awesomestacks.dev/res-tful-api-with-java-and-spring-boot">↗</a></h3>
|
||
<p>Build a simple and robust RESTful API.</p>
|
||
<ul>
|
||
<li><a href="https://spring.io/projects/spring-boot">Spring Boot</a> -
|
||
<a href="https://stackshare.io/spring-boot">🛠</a> - <a
|
||
href="https://github.com/spring-projects/spring-boot">🐙</a> - Spring
|
||
Boot makes it easy to create stand-alone, production-grade Spring based
|
||
Applications that you can “just run”.</li>
|
||
<li><a href="https://gradle.org/">Gradle</a> - <a
|
||
href="https://stackshare.io/gradle">🛠️</a> - <a
|
||
href="https://github.com/gradle/gradle">🐙</a>- A build tool with a
|
||
focus on build automation and support for multi-language
|
||
development.</li>
|
||
<li><a href="https://docs.oracle.com/javase/specs/index.html">Java</a> -
|
||
<a href="https://stackshare.io/java">🛠️</a> - Java is an Object-Oriented
|
||
and one of the most used programming languages in the world.</li>
|
||
</ul>
|
||
<h4 id="resources-23">Resources</h4>
|
||
<ul>
|
||
<li><a href="https://spring.io/guides/gs/spring-boot/">Building an
|
||
Application with Spring Boot</a></li>
|
||
</ul>
|
||
<h3 id="graphweaver---graphql-api-over-multiple-datasources">Graphweaver
|
||
- GraphQL API Over Multiple Datasources <a
|
||
href="https://awesomestacks.dev/graphweaver-graphql-api-over-multiple-datasources">↗</a></h3>
|
||
<p>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.</p>
|
||
<ul>
|
||
<li><a href="https://graphweaver.com/">Graphweaver</a> - <a
|
||
href="https://stackshare.io/graphweaver">🛠️</a> - <a
|
||
href="https://github.com/exogee-technology/graphweaver">🐙</a> - Data
|
||
Everywhere - Instant GraphQL.</li>
|
||
<li><a href="https://reactjs.org/">ReactJS</a> - <a
|
||
href="https://stackshare.io/react">🛠️</a> - <a
|
||
href="https://github.com/facebook/react">🐙</a> - The adminUI is built
|
||
in React and can be extended.</li>
|
||
<li><a href="https://aws.amazon.com/lambda">AWS Lambda</a> - <a
|
||
href="https://stackshare.io/aws-lambda">🛠️</a> - Deployable as a single
|
||
JS bundle to lambda.</li>
|
||
<li><a href="https://aws.amazon.com/cognito">AWS Cognito</a> - Pre-built
|
||
integration with AWS Cognito.</li>
|
||
</ul>
|
||
<h5 id="resources-24">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://graphweaver.com/docs/connect-to-a-data-source">Connect to
|
||
a datasource</a></li>
|
||
</ul>
|
||
<h2 id="mobile">Mobile</h2>
|
||
<h3 id="react-native-with-expo-and-hasura">React Native with Expo and
|
||
Hasura <a
|
||
href="https://awesomestacks.dev/react-native-with-expo-and-hasura">↗</a></h3>
|
||
<p>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.</p>
|
||
<ul>
|
||
<li><a href="https://hasura.io/">Hasura</a> - <a
|
||
href="https://stackshare.io/hasura">🛠️</a> - <a
|
||
href="https://github.com/hasura/graphql-engine">🐙</a> - Blazing fast,
|
||
instant real-time GraphQL APIs on Postgres with fine grained access
|
||
control.</li>
|
||
<li><a href="https://facebook.github.io/react-native/">React Native</a>
|
||
- <a href="https://stackshare.io/react-native">🛠️</a> - <a
|
||
href="https://github.com/facebook/react-native">🐙</a> - Build native
|
||
mobile apps using JavaScript and React.</li>
|
||
<li><a href="https://expo.io/">Expo</a> - <a
|
||
href="https://stackshare.io/expo">🛠️</a> - <a
|
||
href="https://github.com/expo/expo">🐙</a> - Build, deploy, and quickly
|
||
iterate on native iOS and Android apps from the same JavaScript
|
||
codebase.</li>
|
||
<li><a href="https://www.digitalocean.com/">Digital Ocean</a> - <a
|
||
href="https://stackshare.io/digitalocean">🛠️</a> - <a
|
||
href="https://github.com/digitalocean/">🐙</a> - Deploy an SSD cloud
|
||
server in less than 55 seconds with a dedicated IP and root access.</li>
|
||
<li><a href="https://auth0.com/">Auth0</a> - <a
|
||
href="https://stackshare.io/auth0">🛠️</a> - A universal authentication
|
||
& authorization platform for web, mobile and legacy
|
||
applications.</li>
|
||
</ul>
|
||
<h5 id="resources-25">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.udemy.com/course/how-to-make-a-full-stack-react-native-app-with-easy-backend/?referralCode=E944B7F521E0A6B88CD2">Udemy
|
||
course: Learn the Newest and EASIEST React Native Stack</a></li>
|
||
<li><a
|
||
href="https://blog.hasura.io/tutorial-fullstack-react-native-with-graphql-and-authentication-18183d13373a/">Tutorial:
|
||
Fullstack React Native with GraphQL and Authentication</a></li>
|
||
<li><a
|
||
href="https://docs.hasura.io/1.0/graphql/manual/guides/deployment/digital-ocean-one-click.html">Guide:
|
||
Hasura GraphQL Engine One-click App on DigitalOcean Marketplace</a></li>
|
||
</ul>
|
||
<h3 id="unity-game-development-boilerplate">Unity Game Development
|
||
boilerplate <a
|
||
href="https://awesomestacks.dev/unity-Game-Development-boilerplate">↗</a></h3>
|
||
<p>Unity is a game engine that connects to Plastic SCM to keep version
|
||
control and large asset and huge repo management clean and
|
||
frictionless.</p>
|
||
<ul>
|
||
<li><a href="https://unity.com/">Unity</a> - <a
|
||
href="https://stackshare.io/unity-3d">🛠</a> - <a
|
||
href="https://github.com/Unity-Technologies/UnityCsReference">🐙</a> -
|
||
The C# part of the Unity engine and editor source code. May be used for
|
||
reference purposes only.</li>
|
||
<li><a href="https://www.plasticscm.com/">Plastic SCM</a> - <a
|
||
href="https://stackshare.io/plastic-scm">🛠️</a> - <a
|
||
href="https://github.com/PlasticSCM/plastic-docker">🐙</a> - PlasticSCM
|
||
Docker image.</li>
|
||
<li><a href="https://www.jetbrains.com/teamcity/">TeamCity</a> - <a
|
||
href="https://stackshare.io/teamcity">🛠</a> - A Java-based build
|
||
management and continuous integration server from JetBrains.</li>
|
||
</ul>
|
||
<h5 id="resources-26">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PL29P1RRr5_NzEhAustJCTwdahs60JvcMm">First
|
||
steps with Plastic SCM in Unity</a></li>
|
||
<li><a href="https://www.plasticscm.com/games">Plastic SCM for
|
||
Games</a></li>
|
||
</ul>
|
||
<h3 id="workflow-automation-with-github-jira-and-jenkins">Workflow
|
||
Automation with GitHub, Jira and Jenkins <a
|
||
href="https://awesomestacks.dev/workflow-automation-with-git-hub-jira-and-jenkins">↗</a></h3>
|
||
<p>Boost your Productivity with GitHub, Jira and Jenkins.</p>
|
||
<ul>
|
||
<li><a href="https://jenkins.io/">Jenkins</a> - <a
|
||
href="https://stackshare.io/jenkins">🛠️</a> - <a
|
||
href="https://github.com/jenkinsci/jenkins">🐙</a> - Open source
|
||
automation server for CI/CD.</li>
|
||
<li><a href="https://github.com/">GitHub</a> - <a
|
||
href="https://stackshare.io/github">🛠</a> - The site to keep your code
|
||
and open it to world.</li>
|
||
<li><a href="https://es.atlassian.com/software/jira">Jira</a> - <a
|
||
href="https://stackshare.io/jira">🛠️</a> - Agile software
|
||
development.</li>
|
||
<li><a href="https://slack.com">Slack</a> - <a
|
||
href="https://stackshare.io/slack">🛠️</a> - Where work flows.</li>
|
||
</ul>
|
||
<h5 id="resources-27">Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://support.acquia.com/hc/en-us/articles/360005167214-Integrating-JIRA-GitHub-Jenkins-and-Slack-in-your-workflow">Integrating
|
||
Jira, GitHub, Jenkins, and Slack in your workflow</a></li>
|
||
</ul>
|
||
<h2 id="contributing">Contributing</h2>
|
||
<p>See <a href="./CONTRIBUTING.md">CONTRIBUTING.md</a> for information
|
||
and guides on how to contribute stacks and tools.</p>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg"
|
||
alt="CC0" /></a></p>
|
||
<p>To the extent possible under law, <a
|
||
href="https://stackshare.io">StackShare</a> has waived all copyright and
|
||
related or neighboring rights to this work <a
|
||
href="/README.md">README</a></p>
|
||
<p><a href="https://github.com/stackshareio/awesome-stacks">stacks.md
|
||
Github</a></p>
|