Awesome Stacks
Stacksを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
目次
Awesome Stacksは、さまざまなアプリケーションや機能を構築する技術スタックをコミュニティが選定したリストです。オープンソースで、元祖awesomeリストに着想を得ています。
各スタックには名前、説明、主要なツールと技術の一覧があり、導入を容易にするチュートリアル、スターターキット、ボイラープレートへのリンクを含む場合があります。
優れた構築方法だと思うスタックがあれば、このファイルを編集して追加してください。詳細はCONTRIBUTING.mdを参照してください。
スタックを閲覧する
スタックはREADMEとawesomestacks.devの2か所で閲覧できます。GatsbyとReactで構築されたサイトは、GitHubおよびStackShare APIからデータを取得し、README掲載ツールのロゴと指標を表示します。
凡例
🛠 - StackShareのツールプロフィール
🐙 - GitHubリポジトリ
フロントエンド
React Next Boilerplate ↗
React Next Boilerplateは、フロントエンドアプリケーションを構築するための技術構成です。
- Next.js - 🛠 - 🐙 - React Next Boilerplateを構成する主要な技術・ツールです。
- React Testing Library - 🛠 - 🐙 - React Next Boilerplateを構成する主要な技術・ツールです。
- Emotion - 🛠 - 🐙 - React Next Boilerplateを構成する主要な技術・ツールです。
- I18next - 🐙 - React Next Boilerplateを構成する主要な技術・ツールです。
- Redux Saga - 🐙 - React Next Boilerplateを構成する主要な技術・ツールです。
リソース
React starter kit ↗
React starter kitは、フロントエンドアプリケーションを構築するための技術構成です。
- React - 🛠 - 🐙 - React starter kitを構成する主要な技術・ツールです。
- Webpack - 🛠️ - 🐙 - React starter kitを構成する主要な技術・ツールです。
- GraphQL - 🛠 - 🐙 - React starter kitを構成する主要な技術・ツールです。
- Babel - 🛠️ - 🐙 - React starter kitを構成する主要な技術・ツールです。
- Express - 🛠️ - 🐙 - React starter kitを構成する主要な技術・ツールです。
- Node.js - 🛠️ - 🐙 - React starter kitを構成する主要な技術・ツールです。
リソース
React Firebase starter ↗
React Firebase starterは、フロントエンドアプリケーションを構築するための技術構成です。
- Firebase - 🛠️ - React Firebase starterを構成する主要な技術・ツールです。
- Create React App - 🛠 - 🐙 - React Firebase starterを構成する主要な技術・ツールです。
- Material UI - 🛠️ - 🐙 - React Firebase starterを構成する主要な技術・ツールです。
- Relay - 🛠️ - 🐙 - React Firebase starterを構成する主要な技術・ツールです。
- GraphQL - 🛠 - 🐙 - React Firebase starterを構成する主要な技術・ツールです。
リソース
vue-starter ↗
vue-starterは、フロントエンドアプリケーションを構築するための技術構成です。
- Vue.js - 🛠️ - 🐙 - vue-starterを構成する主要な技術・ツールです。
- TypeScript - 🛠️ - 🐙 - vue-starterを構成する主要な技術・ツールです。
- Jest - 🛠️ - 🐙 - vue-starterを構成する主要な技術・ツールです。
- Prettier - 🛠️ - 🐙 - vue-starterを構成する主要な技術・ツールです。
- Vuex - 🐙 - vue-starterを構成する主要な技術・ツールです。
- Vue Router - 🐙 - vue-starterを構成する主要な技術・ツールです。
リソース
Vue Enterprise Boilerplate ↗
Vue Enterprise Boilerplateは、フロントエンドアプリケーションを構築するための技術構成です。
- Vue.js - 🛠️ - 🐙 - Vue Enterprise Boilerplateを構成する主要な技術・ツールです。
- Vuex - 🐙 - Vue Enterprise Boilerplateを構成する主要な技術・ツールです。
- Vue Router - 🐙 - Vue Enterprise Boilerplateを構成する主要な技術・ツールです。
- Vue CLI - 🐙 - Vue Enterprise Boilerplateを構成する主要な技術・ツールです。
- Babel - 🛠️ - 🐙 - Vue Enterprise Boilerplateを構成する主要な技術・ツールです。
- Sass - 🛠️ - 🐙 - Vue Enterprise Boilerplateを構成する主要な技術・ツールです。
リソース
Progressive Web App with Gatsby ↗
Progressive Web App with Gatsbyは、フロントエンドアプリケーションを構築するための技術構成です。
- Gatsby - 🛠 - 🐙 - Progressive Web App with Gatsbyを構成する主要な技術・ツールです。
- Cloud Firestore - 🛠️ - Progressive Web App with Gatsbyを構成する主要な技術・ツールです。
- Netlify - 🛠️ - Progressive Web App with Gatsbyを構成する主要な技術・ツールです。
- styled components - 🛠 - 🐙 - Progressive Web App with Gatsbyを構成する主要な技術・ツールです。
- Contentful - 🛠 - 🐙 - Progressive Web App with Gatsbyを構成する主要な技術・ツールです。
リソース
- JAMstack PWA — Let’s Build a Polling App. with Gatsby.js, Firebase, and Styled-components
- Learn how to easily build a GatsbyJS website powered by Contentful
Victor Hugo boilerplate ↗
Victor Hugo boilerplateは、フロントエンドアプリケーションを構築するための技術構成です。
- Hugo - 🛠- 🐙 - Victor Hugo boilerplateを構成する主要な技術・ツールです。
- Webpack - 🛠️ - 🐙 - Victor Hugo boilerplateを構成する主要な技術・ツールです。
- Babel - 🛠️ - 🐙 - Victor Hugo boilerplateを構成する主要な技術・ツールです。
- PostCSS - 🛠 - 🐙 - Victor Hugo boilerplateを構成する主要な技術・ツールです。
リソース
Nuxt, TypeScript + Docker ↗
Nuxt, TypeScript + Dockerは、フロントエンドアプリケーションを構築するための技術構成です。
Nuxt, TypeScript + Dockerは、フロントエンドアプリケーションを構築するための技術構成です。
- Nuxt - 🛠 - 🐙 - Nuxt, TypeScript + Dockerを構成する主要な技術・ツールです。
- TypeScript - 🛠️ - 🐙 - Nuxt, TypeScript + Dockerを構成する主要な技術・ツールです。
- Sass - 🛠️ - 🐙 - Nuxt, TypeScript + Dockerを構成する主要な技術・ツールです。
- Jest - 🛠️ - 🐙 - Nuxt, TypeScript + Dockerを構成する主要な技術・ツールです。
- eslint - 🛠️ - 🐙 - Nuxt, TypeScript + Dockerを構成する主要な技術・ツールです。
- stylelint - 🛠️ - 🐙 - Nuxt, TypeScript + Dockerを構成する主要な技術・ツールです。
- Docker - 🛠 - 🐙 A tool to create, deploy and run applications inside containers.
リソース
Nextjs Blog Starter ↗
Nextjs Blog Starterは、フロントエンドアプリケーションを構築するための技術構成です。
- Next.js - 🛠 - 🐙 - Nextjs Blog Starterを構成する主要な技術・ツールです。
- React - 🛠 - 🐙 - Nextjs Blog Starterを構成する主要な技術・ツールです。
- TypeScript - 🛠️ - 🐙 - Nextjs Blog Starterを構成する主要な技術・ツールです。
- eslint - 🛠️ - 🐙 - Nextjs Blog Starterを構成する主要な技術・ツールです。
- Babel - 🛠️ - 🐙 - Nextjs Blog Starterを構成する主要な技術・ツールです。
- PostCSS - 🛠 - 🐙 - Nextjs Blog Starterを構成する主要な技術・ツールです。
- Netlify - 🛠️ - Nextjs Blog Starterを構成する主要な技術・ツールです。
リソース
フルスタック
MERN: Mongo Express React Node ↗
MERN: Mongo Express React Nodeは、フルスタックアプリケーションを構築するための技術構成です。
- React - 🛠 - 🐙 - MERN: Mongo Express React Nodeを構成する主要な技術・ツールです。
- MongoDB - 🛠️ - 🐙 - MERN: Mongo Express React Nodeを構成する主要な技術・ツールです。
- Express - 🛠️ - 🐙 - MERN: Mongo Express React Nodeを構成する主要な技術・ツールです。
- Node.js - 🛠️ - 🐙 - MERN: Mongo Express React Nodeを構成する主要な技術・ツールです。
リソース
GraphCMS React + Apollo ↗
GraphCMS React + Apolloは、フルスタックアプリケーションを構築するための技術構成です。
- GraphCMS - 🛠️ - GraphCMS React + Apolloを構成する主要な技術・ツールです。
- Create React App - 🛠 - 🐙 - GraphCMS React + Apolloを構成する主要な技術・ツールです。
- Apollo - 🛠️ - 🐙 - GraphCMS React + Apolloを構成する主要な技術・ツールです。
リソース
Strapi CMS with Gatsby ↗
Strapi CMS with Gatsbyは、フルスタックアプリケーションを構築するための技術構成です。
- Strapi CMS - 🐙 - Strapi CMS with Gatsbyを構成する主要な技術・ツールです。
- Gatsby - 🛠 - 🐙 - Strapi CMS with Gatsbyを構成する主要な技術・ツールです。
- Heroku - 🛠️ - Strapi CMS with Gatsbyを構成する主要な技術・ツールです。
リソース
- Building a Static Blog using Gatsby and Strapi
- Learn Gatsby with Strapi Headless CMS Video Series
- Deploying Strapi to Heroku
Algolia site search ↗
Algolia site searchは、フルスタックアプリケーションを構築するための技術構成です。
- Algolia - 🛠 - Algolia site searchを構成する主要な技術・ツールです。
- DocSearch - 🐙 - Algolia site searchを構成する主要な技術・ツールです。
- gatsby-plugin-algolia - 🐙 - Algolia site searchを構成する主要な技術・ツールです。
- hugo-algolia - 🐙 - Algolia site searchを構成する主要な技術・ツールです。
- instantsearch.js - 🐙 - Algolia site searchを構成する主要な技術・ツールです。
リソース
MEVN: Mongo Express Vue Node ↗
MEVN: Mongo Express Vue Nodeは、フルスタックアプリケーションを構築するための技術構成です。
- Vue.js - 🛠️ - 🐙 - MEVN: Mongo Express Vue Nodeを構成する主要な技術・ツールです。
- MongoDB - 🛠️ - 🐙 - MEVN: Mongo Express Vue Nodeを構成する主要な技術・ツールです。
- Express - 🛠️ - 🐙 - MEVN: Mongo Express Vue Nodeを構成する主要な技術・ツールです。
- Node.js - 🛠️ - 🐙 - MEVN: Mongo Express Vue Nodeを構成する主要な技術・ツールです。
リソース
Rock Solid Modern Rails ↗
Rock Solid Modern Railsは、フルスタックアプリケーションを構築するための技術構成です。
- Rails - 🛠 - 🐙 - Rock Solid Modern Railsを構成する主要な技術・ツールです。
- React - 🛠 - 🐙 - Rock Solid Modern Railsを構成する主要な技術・ツールです。
- GraphQL Ruby - 🛠 - 🐙 - Rock Solid Modern Railsを構成する主要な技術・ツールです。
- Apollo Client - 🛠 - 🐙 - Rock Solid Modern Railsを構成する主要な技術・ツールです。
- 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”.
リソース
Serverless Stack with React on AWS ↗
Serverless Stack with React on AWSは、フルスタックアプリケーションを構築するための技術構成です。
- Serverless Framework - 🛠️ - 🐙 - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
- AWS Lambda - 🛠️ - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
- DynamoDB - 🛠️ - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
- Amazon Cognito - 🛠️ - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
- Amazon S3 - 🛠️ - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
- AWS Amplify - 🛠️ - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
- Amazon CloudFront - 🛠️ - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
- Create React App - 🛠 - 🐙 - Serverless Stack with React on AWSを構成する主要な技術・ツールです。
リソース
Electron React Boilerplate ↗
Electron React Boilerplateは、フルスタックアプリケーションを構築するための技術構成です。
- Electron - 🛠️ - 🐙 - Electron React Boilerplateを構成する主要な技術・ツールです。
- React - 🛠 - 🐙 - Electron React Boilerplateを構成する主要な技術・ツールです。
- Redux - 🛠 - 🐙 - Electron React Boilerplateを構成する主要な技術・ツールです。
- electron-builder - 🐙 - Electron React Boilerplateを構成する主要な技術・ツールです。
リソース
Vue with Electron ↗
Vue with Electronは、フルスタックアプリケーションを構築するための技術構成です。
- Electron - 🛠️ - 🐙 - Vue with Electronを構成する主要な技術・ツールです。
- Vue.js - 🛠️ - 🐙 - Vue with Electronを構成する主要な技術・ツールです。
- Vuex - 🛠 - 🐙 - Vue with Electronを構成する主要な技術・ツールです。
- Vue Router - 🐙 - Vue with Electronを構成する主要な技術・ツールです。
- Vue CLI - 🐙 - Vue with Electronを構成する主要な技術・ツールです。
- electron-builder - 🐙 - Vue with Electronを構成する主要な技術・ツールです。
リソース
Code Coverage & CI ↗
Code Coverage & CIは、フルスタックアプリケーションを構築するための技術構成です。
- CircleCI - 🛠 - Code Coverage & CIを構成する主要な技術・ツールです。
- Codecov - 🛠️ - Code Coverage & CIを構成する主要な技術・ツールです。
- Bash - 🛠 - Code Coverage & CIを構成する主要な技術・ツールです。
- GitHub - 🛠 - Code Coverage & CIを構成する主要な技術・ツールです。
リソース
- Making code coverage easy to see with Codecov & CircleCI
- CI Provider Relationship
- Codecov Bash Uploader
Vue SPA with Laravel ↗
Vue SPA with Laravelは、フルスタックアプリケーションを構築するための技術構成です。
- PHP 7 - 🛠 - 🐙 - Vue SPA with Laravelを構成する主要な技術・ツールです。
- Laravel - 🛠 - 🐙 - Vue SPA with Laravelを構成する主要な技術・ツールです。
- Vue.js - 🛠️ - 🐙 - Vue SPA with Laravelを構成する主要な技術・ツールです。
- Laravel Mix - 🐙 - Vue SPA with Laravelを構成する主要な技術・ツールです。
- Babel - 🛠️ - 🐙 - Vue SPA with Laravelを構成する主要な技術・ツールです。
- Sass - 🛠️ - 🐙 - Vue SPA with Laravelを構成する主要な技術・ツールです。
リソース
- Building a Vue SPA with Laravel
- Laravel Tutorial: Step by Step Guide to Building Your First Laravel Application
FReMP: Flask ReactJS MongoDB Python ↗
FReMP: Flask ReactJS MongoDB Pythonは、フルスタックアプリケーションを構築するための技術構成です。
- Flask - 🛠️ - 🐙 - FReMP: Flask ReactJS MongoDB Pythonを構成する主要な技術・ツールです。
- ReactJS - 🛠️ - 🐙 - FReMP: Flask ReactJS MongoDB Pythonを構成する主要な技術・ツールです。
- MongoDB - 🛠️ - 🐙 - FReMP: Flask ReactJS MongoDB Pythonを構成する主要な技術・ツールです。
- Python - 🛠️ - 🐙 - FReMP: Flask ReactJS MongoDB Pythonを構成する主要な技術・ツールです。
リソース
- How to install FReMP Stack on Ubuntu?
- How to build a full stack web app using FReMP?
- How to deploy the app to Heroku?
- Official Website
- Github
- Boilerplate
バックエンド
GCP Kubernetes Stack ↗
GCP Kubernetes Stackは、バックエンドシステムを構築するための技術構成です。
- GKE - 🛠 - GCP Kubernetes Stackを構成する主要な技術・ツールです。
- Kubernetes - 🐙 - 🛠 - GCP Kubernetes Stackを構成する主要な技術・ツールです。
- Docker - 🛠 - 🐙 - GCP Kubernetes Stackを構成する主要な技術・ツールです。
- Stackdriver - 🛠️ - GCP Kubernetes Stackを構成する主要な技術・ツールです。
Ethereum DApp ↗
Ethereum DAppは、バックエンドシステムを構築するための技術構成です。
- Solidity - 🐙 - Ethereum DAppを構成する主要な技術・ツールです。
- web3.js - 🐙 - Ethereum DAppを構成する主要な技術・ツールです。
- db3.js - 🐙 - Ethereum DAppを構成する主要な技術・ツールです。
- Truffle - 🐙 - Ethereum DAppを構成する主要な技術・ツールです。
- Ganache - 🐙 - Ethereum DAppを構成する主要な技術・ツールです。
- drizzle - 🐙 - Ethereum DAppを構成する主要な技術・ツールです。
Rails Monitoring Stack ↗
Rails Monitoring Stackは、バックエンドシステムを構築するための技術構成です。
- Skylight - 🛠 - Rails Monitoring Stackを構成する主要な技術・ツールです。
- New Relic - 🛠 - Rails Monitoring Stackを構成する主要な技術・ツールです。
- rack-mini-profiler - 🐙 - Rails Monitoring Stackを構成する主要な技術・ツールです。
- Sqreen - 🛠 - Rails Monitoring Stackを構成する主要な技術・ツールです。
User Behavior Analytics via Segment ↗
User Behavior Analytics via Segmentは、バックエンドシステムを構築するための技術構成です。
- Segment - 🛠️ - User Behavior Analytics via Segmentを構成する主要な技術・ツールです。
- Google Analytics - 🛠️ - User Behavior Analytics via Segmentを構成する主要な技術・ツールです。
- Amplitude - 🛠️ - User Behavior Analytics via Segmentを構成する主要な技術・ツールです。
- FullStory - 🛠️ - User Behavior Analytics via Segmentを構成する主要な技術・ツールです。
Streaming Analytics with Kafka, Spark, and Cassandra ↗
Streaming Analytics with Kafka, Spark, and Cassandraは、バックエンドシステムを構築するための技術構成です。
- Kafka - 🛠 - 🐙 - Streaming Analytics with Kafka, Spark, and Cassandraを構成する主要な技術・ツールです。
- Apache Spark - 🛠 - 🐙 - Streaming Analytics with Kafka, Spark, and Cassandraを構成する主要な技術・ツールです。
- Cassandra - 🛠 - 🐙 - Streaming Analytics with Kafka, Spark, and Cassandraを構成する主要な技術・ツールです。
リソース
- kafka-sparkstreaming-cassandra
- Applying the Lambda Architecture with Spark, Kafka, and Cassandra
- Streaming Analytics with Spark, Kafka, Cassandra, and Akka
Self-Hosted Devops and Collaboration ↗
Self-Hosted Devops and Collaborationは、バックエンドシステムを構築するための技術構成です。
- GitLab - 🛠 - 🐙 - Self-Hosted Devops and Collaborationを構成する主要な技術・ツールです。
- Zulip - 🛠 - 🐙 - Self-Hosted Devops and Collaborationを構成する主要な技術・ツールです。
- Hubot - 🛠 - 🐙 - Self-Hosted Devops and Collaborationを構成する主要な技術・ツールです。
- Sentry - 🛠 - 🐙 - Self-Hosted Devops and Collaborationを構成する主要な技術・ツールです。
- Taiga.io - 🛠 - 🐙 - Self-Hosted Devops and Collaborationを構成する主要な技術・ツールです。
- Metabase - 🛠 - 🐙 - Self-Hosted Devops and Collaborationを構成する主要な技術・ツールです。
Production Ready Django + Docker ↗
Production Ready Django + Dockerは、バックエンドシステムを構築するための技術構成です。
Production Ready Django + Dockerは、バックエンドシステムを構築するための技術構成です。
- Python 3 - 🛠 - 🐙 - Production Ready Django + Dockerを構成する主要な技術・ツールです。
- Django - 🛠 - 🐙 - Production Ready Django + Dockerを構成する主要な技術・ツールです。
- Docker - 🛠 - 🐙 - Production Ready Django + Dockerを構成する主要な技術・ツールです。
- GitLab - 🛠 - 🐙 - Production Ready Django + Dockerを構成する主要な技術・ツールです。
- Caddy - 🛠 - 🐙 - Production Ready Django + Dockerを構成する主要な技術・ツールです。
リソース
RESTful API with Java and Spring Boot ↗
RESTful API with Java and Spring Bootは、バックエンドシステムを構築するための技術構成です。
- Spring Boot - 🛠 - 🐙 - RESTful API with Java and Spring Bootを構成する主要な技術・ツールです。
- Gradle - 🛠️ - 🐙- A build tool with a focus on build automation and support for multi-language development.
- Java - 🛠️ - RESTful API with Java and Spring Bootを構成する主要な技術・ツールです。
リソース
Graphweaver - GraphQL API Over Multiple Datasources ↗
Graphweaver - GraphQL API Over Multiple Datasourcesは、バックエンドシステムを構築するための技術構成です。
- Graphweaver - 🛠️ - 🐙 - Data Everywhere - Graphweaver - GraphQL API Over Multiple Datasourcesを構成する主要な技術・ツールです。
- ReactJS - 🛠️ - 🐙 - Graphweaver - GraphQL API Over Multiple Datasourcesを構成する主要な技術・ツールです。
- AWS Lambda - 🛠️ - Graphweaver - GraphQL API Over Multiple Datasourcesを構成する主要な技術・ツールです。
- AWS Cognito - Graphweaver - GraphQL API Over Multiple Datasourcesを構成する主要な技術・ツールです。
リソース
モバイル
React Native with Expo and Hasura ↗
React Native with Expo and Hasuraは、モバイルアプリケーションを構築するための技術構成です。
- Hasura - 🛠️ - 🐙 - React Native with Expo and Hasuraを構成する主要な技術・ツールです。
- React Native - 🛠️ - 🐙 - React Native with Expo and Hasuraを構成する主要な技術・ツールです。
- Expo - 🛠️ - 🐙 - React Native with Expo and Hasuraを構成する主要な技術・ツールです。
- Digital Ocean - 🛠️ - 🐙 - React Native with Expo and Hasuraを構成する主要な技術・ツールです。
- Auth0 - 🛠️ - React Native with Expo and Hasuraを構成する主要な技術・ツールです。
リソース
- Udemy course: Learn the Newest and EASIEST React Native Stack
- Tutorial: Fullstack React Native with GraphQL and Authentication
- Guide: Hasura GraphQL Engine One-click App on DigitalOcean Marketplace
Unity Game Development boilerplate ↗
Unity Game Development boilerplateは、モバイルアプリケーションを構築するための技術構成です。
- Unity - 🛠 - 🐙 - Unity Game Development boilerplateを構成する主要な技術・ツールです。
- Plastic SCM - 🛠️ - 🐙 - Unity Game Development boilerplateを構成する主要な技術・ツールです。
- TeamCity - 🛠 - Unity Game Development boilerplateを構成する主要な技術・ツールです。
リソース
Workflow Automation with GitHub, Jira and Jenkins ↗
Workflow Automation with GitHub, Jira and Jenkinsは、モバイルアプリケーションを構築するための技術構成です。
- Jenkins - 🛠️ - 🐙 - Workflow Automation with GitHub, Jira and Jenkinsを構成する主要な技術・ツールです。
- GitHub - 🛠 - Workflow Automation with GitHub, Jira and Jenkinsを構成する主要な技術・ツールです。
- Jira - 🛠️ - Workflow Automation with GitHub, Jira and Jenkinsを構成する主要な技術・ツールです。
- Slack - 🛠️ - Workflow Automation with GitHub, Jira and Jenkinsを構成する主要な技術・ツールです。
リソース
コントリビューション
スタックやツールを追加する方法はCONTRIBUTING.mdを参照してください。
ライセンス
法令で認められる範囲において、StackShareはこのREADMEに関する著作権および関連・隣接する権利を放棄しています。