Awesome stacks
Awesome Stacks¶
> 用于构建不同应用程序和功能的技术堆栈.
Awesome Stacks 是一个社区策划的技术堆栈列表,用于构建不同的应用程序和功能. 它是开源的,灵感来自于原版 awesome list.
列表中的每个堆栈都有一个名称、描述和一些关键工具和技术的列表. 可选地,它链接到教程、入门工具包或样板文件,使入门变得容易.
有一个你认为是构建东西的好方法的堆栈吗? 请编辑此文件并添加它! 查看 https://github.com/stackshareio/awesome-stacks/blob/master/CONTRIBUTING.md 了解更多信息.
Browsing the stacks¶
堆栈可以在两个地方浏览——在 README 和 awesomestacks.dev . 该站点使用 Gatsby 和 React 构建,通过从 GitHub 和 StackShare API 中提取数据来显示 README 中列出的每个工具的徽标和指标.
Legend¶
- StackShare 工具简介
- GitHub 存储库
Front-end¶
React Next Boilerplate ↗¶
使用 Next.js、最佳开发实践和开发人员社区中流行的库来减少项目配置的基础.
- Next.js - 🛠 - 🐙 - 用于服务器渲染、静态网站、PWA 的 React 框架.
- React Testing Library - 🛠 - 🐙 - react-testing-library 是技术栈测试框架类别中的一个工具.
- Emotion - 🛠 - 🐙 - 专为高性能样式组合而设计的 CSS-in-JS 库.
- I18next - 🐙 - I18next 是一个用 JavaScript 编写的国际化框架. 但这远不止于此.
- Redux Saga - 🐙 - 是一个旨在使应用程序副作用(即数据获取等异步事物和访问浏览器缓存等不纯事物)更易于管理、更高效执行、易于测试以及更好地处理故障的库.
Resources¶
React starter kit ↗¶
React Starter Kit 是基于 Node.js、Express、GraphQL 和 React 构建的用于 Web 开发的自以为是的样板,包含现代 Web 开发工具,例如 Webpack、Babel 和 Browsersync.
- React - 🛠 - 🐙 - React 组件可以在客户端和服务器端使用.
- Webpack - 🛠️ - 🐙 - 用于现代 JavaScript 应用程序的静态模块捆绑器.
- GraphQL - 🛠 - 🐙 - 用于 API 的查询语言和用于使用现有数据完成这些查询的运行时.
- Babel - 🛠️ - 🐙 - 一个 JavaScript 编译器; 今天就使用下一代 JavaScript.
- Express - 🛠️ - 🐙 - 一个最小且灵活的 Node.js Web 应用程序框架.
- Node.js - 🛠️ - 🐙 - 基于 Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时.
Resources¶
React Firebase starter ↗¶
React Starter Kit for Firebase 是一个流行的项目模板(也称为样板),用于使用 Google Cloud 提供的无服务器基础设施(Cloud SQL、Cloud Functions、CDN 托管和文件存储),通过 React、Relay 和 GraphQL 构建现代、可扩展的 Web 应用程序.
- Firebase - 🛠️ - 一个云托管的 NoSQL 数据库,可让您在用户之间实时存储和同步数据.
- Create React App - 🛠 - 🐙 - 通过运行一个命令来设置现代 Web 应用程序.
- Material UI - 🛠️ - 🐙 - 实现 Google 的 Material Design 的 React 组件.
- Relay - 🛠️ - 🐙 - 用于构建数据驱动的 React 应用程序的 JavaScript 框架.
- GraphQL - 🛠 - 🐙 - 用于 API 的查询语言和用于使用现有数据完成这些查询的运行时.
Resources¶
vue-starter ↗¶
用于生产就绪 PWA 的最完整样板. 专注于性能、开发速度和最佳实践.
- Vue.js - 🛠️ - 🐙 - 一个平易近人的核心库,只关注视图层.
- TypeScript - 🛠️ - 🐙 - 一个类型化的 JavaScript 超集,可编译为纯 JavaScript.
- Jest - 🛠️ - 🐙 - 一个全面的、令人愉快的 JavaScript 测试解决方案.
- Prettier - 🛠️ - 🐙 - 自以为是的代码格式化程序.
- Vuex - 🐙 - Vue.js 的集中状态管理.
- Vue Router - 🐙 - Vue Router 是 Vue.js 的官方路由器.
Resources¶
Vue Enterprise Boilerplate ↗¶
使用 Vue CLI 3 的新 Vue SPA 项目的不断发展和固执己见的架构和开发环境.
- Vue.js - 🛠️ - 🐙 - 一个平易近人的核心库,只关注视图层.
- Vuex - 🐙 - Vue.js 的集中状态管理.
- Vue Router - 🐙 - Vue Router 是 Vue.js 的官方路由器.
- Vue CLI - 🐙 - 一个平易近人的核心库,只关注视图层.
- Babel - 🛠️ - 🐙 - 用于编写下一代 JavaScript 的编译器; Babel 会将您的 ES6+ 代码转换为 ES5 友好代码,因此您可以立即开始使用它,而无需等待浏览器支持.
- Sass - 🛠️ - 🐙 - Sass 是 CSS3 的扩展,添加了嵌套规则、变量、混合、选择器继承等. 使用命令行工具或网络框架插件将其转换为格式良好的标准 CSS.
Resources¶
Progressive Web App with Gatsby ↗¶
使用一些伟大的现代技术构建一个简单的轮询渐进式 Web 应用程序.
- Gatsby - 🛠 - 🐙 - Gatsby 是用于 React 的超快现代网站生成器.
- Cloud Firestore - 🛠️ - 一个 noSQL 云数据库,它公开事件监听器以进行实时更新.
- Netlify - 🛠️ - Netlify 是一个全球 CDN,只需单击几下即可轻松进行持续部署.
- styled components - 🛠 - 🐙 - 特定于反应的 css-in-js 解决方案.
- Contentful - 🛠 - 🐙 - Contentful 是一个灵活且面向未来的内容平台,可帮助编辑管理和开发人员将内容提供给移动或 Web 应用程序. 最后但并非最不重要的一点是,在与盖茨比合作时是一个强大的力量.
Resources¶
- 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 ↗¶
用于创建真正史诗般网站的 Hugo 样板. 这是使用 Hugo 作为静态站点生成器和 Webpack 作为资产管道的样板.
- Hugo - 🛠- 🐙 - 世界上最快的网站建设框架.
- Webpack - 🛠️ - 🐙 - 用于现代 JavaScript 应用程序的静态模块捆绑器.
- Babel - 🛠️ - 🐙 - 一个 JavaScript 编译器; 今天就使用下一代 JavaScript.
- PostCSS - 🛠 - 🐙 - 一个用 JavaScript 转换 CSS 的工具.
Resources¶
Nuxt, TypeScript + Docker ↗¶
前沿的 vue 模板专注于代码质量和开发人员的幸福感.
为小型和企业级应用程序提供完整的设置.
- Nuxt - 🛠 - 🐙 - Vue.js 元框架可快速创建复杂、快速和通用的 Web 应用程序.
- TypeScript - 🛠️ - 🐙 - 一个类型化的 JavaScript 超集,可编译为纯 JavaScript.
- Sass - 🛠️ - 🐙 - Sass 是 CSS3 的扩展,添加了嵌套规则、变量、混合、选择器继承等. 使用命令行工具或网络框架插件将其转换为格式良好的标准 CSS.
- Jest - 🛠️ - 🐙 - 一个全面的、令人愉快的 JavaScript 测试解决方案.
- eslint - 🛠️ - 🐙 - 用于 JavaScript 和 JSX 的可插入 linting 实用程序.
- stylelint - 🛠️ - 🐙 - 一个强大的现代 linter,可帮助您避免错误并在您的样式中强制执行约定.
- Docker - 🛠 - 🐙 一种在容器内创建、部署和运行应用程序的工具.
Resources¶
Nextjs Blog Starter ↗¶
用于创建博客的 Nextjs 样板代码. 在 React 中创建博客并使用 Tailwind CSS 进行样式设置的完美解决方案.
- Next.js - 🛠 - 🐙 - 用于服务器渲染、静态网站、PWA 的 React 框架.
- React - 🛠 - 🐙 - React 组件可以在客户端和服务器端使用.
- TypeScript - 🛠️ - 🐙 - 一个类型化的 JavaScript 超集,可编译为纯 JavaScript.
- eslint - 🛠️ - 🐙 - 用于 JavaScript 和 JSX 的可插入 linting 实用程序.
- Babel - 🛠️ - 🐙 - 一个 JavaScript 编译器; 今天就使用下一代 JavaScript.
- PostCSS - 🛠 - 🐙 - 一个用 JavaScript 转换 CSS 的工具.
- Netlify - 🛠️ - Netlify 是一个全球 CDN,只需单击几下即可轻松进行持续部署.
Resources¶
Full stack¶
MERN: Mongo Express React Node ↗¶
MERN 代表 MongoDB、Express、React、Node. 构成堆栈的四项关键技术.
- React - 🛠 - 🐙 - React 组件可以在客户端和服务器端使用.
- MongoDB - 🛠️ - 🐙 - 文档和面向 JSON 的数据库.
- Express - 🛠️ - 🐙 - 用于 Node.js 的快速、独立、简约的 Web 框架.
- Node.js - 🛠️ - 🐙 - Node.js 是基于 Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时.
Resources¶
GraphCMS React + Apollo ↗¶
为博主、内容创作者和任何想摆脱 WordPress 的人提供闪电般的快速入门.
- GraphCMS - 🛠️ - GraphCMS 为您的应用程序提供后端,为您提供管理内容的工具.
- Create React App - 🛠 - 🐙 - 通过运行一个命令来设置现代 Web 应用程序.
- Apollo - 🛠️ - 🐙 - Apollo Client 是使用 GraphQL 构建客户端应用程序的最佳方式.
Resources¶
Strapi CMS with Gatsby ↗¶
使用 Strapi CMS 维护和管理您的 Gatsby 静态站点. 部署到 Heroku.
- Strapi CMS - 🐙 - Strapi 是 Headless CMS 开发人员的最爱.
- Gatsby - 🛠 - 🐙 - Gatsby 是用于 React 的超快现代网站生成器.
- Heroku - 🛠️ - Heroku 是一个用于部署应用程序的强大平台.
Resources¶
- Building a Static Blog using Gatsby and Strapi
- Learn Gatsby with Strapi Headless CMS Video Series
- Deploying Strapi to Heroku
Algolia site search ↗¶
通过静态网站集成或通过抓取内容,将搜索添加到您的 JAMStack 网站.
- Algolia - 🛠 - 托管搜索 API,最多可释放 10,000 条记录.
- DocSearch - 🐙 - 抓取网站并将其上传到索引.
- gatsby-plugin-algolia - 🐙 - 使用 GraphQL 指定 Gatsby 对象以使用 Algolia(测试版)进行索引.
- hugo-algolia - 🐙 - 从 Hugo 静态站点生成和发送索引以与 Algolia 一起使用.
- instantsearch.js - 🐙 - 用于构建高性能和即时搜索体验的 JavaScript 库.
Resources¶
MEVN: Mongo Express Vue Node ↗¶
这是一个包含 VueJS + ExpressJS + MongoDB 的全栈 Web 应用样板项目.
- Vue.js - 🛠️ - 🐙 - 一个平易近人的核心库,只关注视图层.
- MongoDB - 🛠️ - 🐙 - 文档和面向 JSON 的数据库.
- Express - 🛠️ - 🐙 - 一个最小且灵活的 Node.js Web 应用程序框架.
- Node.js - 🛠️ - 🐙 - Node.js 是基于 Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时.
Resources¶
Rock Solid Modern Rails ↗¶
具有现代/开发人员友好技术的基于 Rails/JavaScript 的堆栈
- Rails - 🛠 - 🐙 - 一个既定的网络应用程序框架,专注于简单性和生产力.
- React - 🛠 - 🐙 - React 组件可以在客户端和服务器端使用.
- GraphQL Ruby - 🛠 - 🐙 - GraphQL 规范的 Ruby 服务器实现.
- Apollo Client - 🛠 - 🐙 - 一个强大的可扩展 GraphQL JavaScript 客户端.
- Heroku - 🛠️ 具有无缝 Ruby/Rails 支持的开发人员友好型 Web 应用程序基础架构提供商.
Resources¶
Serverless Stack with React on AWS ↗¶
从 serverless-stack.com 了解如何在 AWS 上使用无服务器和 React 构建全栈生产就绪笔记应用程序. 包含屏幕截图和代码示例的分步开源教程.
- Serverless Framework - 🛠️ - 🐙 - 用于构建无服务器应用程序的工具包.
- AWS Lambda - 🛠️ - 运行代码以响应事件的计算服务.
- DynamoDB - 🛠️ - 完全托管的 NoSQL 数据库服务.
- Amazon Cognito - 🛠️ - 为您的用户跨移动设备安全地管理和同步应用程序数据.
- Amazon S3 - 🛠️ - 随时随地从网络上的任何地方存储和检索任意数量的数据.
- AWS Amplify - 🛠️ - 带有 React、React Native 扩展的 JavaScript 开源库.
- Amazon CloudFront - 🛠️ - 具有低延迟和高数据传输速度的内容交付.
- Create React App - 🛠 - 🐙 - 通过运行一个命令来设置现代 Web 应用程序.
Resources¶
Electron React Boilerplate ↗¶
从开发到分发应用程序的整个可扩展跨平台桌面应用程序的基础.
- Electron - 🛠️ - 🐙 - 使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序.
- React - 🛠 - 🐙 - React 组件可以在客户端和服务器端使用.
- Redux - 🛠 - 🐙 - JavaScript 应用程序的可预测状态容器.
- electron-builder - 🐙 - 一个完整的解决方案,用于打包和构建一个准备好分发的 Electron 应用程序,具有开箱即用的“自动更新”支持.
Resources¶
Vue with Electron ↗¶
从开发到使用 Vue 和 Electron 分发应用程序的可扩展跨平台桌面应用程序的基础.
- Electron - 🛠️ - 🐙 - 使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序.
- Vue.js - 🛠️ - 🐙 - 一个平易近人的核心库,只关注视图层.
- Vuex - 🛠 - 🐙 - JavaScript 应用程序的可预测状态容器.
- Vue Router - 🐙 - Vue Router 是 Vue.js 的官方路由器.
- Vue CLI - 🐙 - 一个平易近人的核心库,只关注视图层.
- electron-builder - 🐙 - 一个完整的解决方案,用于打包和构建一个准备好分发的 Electron 应用程序,具有开箱即用的“自动更新”支持.
Resources¶
Code Coverage & CI ↗¶
开始使用 CI 和代码覆盖率的最快方法.
- CircleCI - 🛠 - 流行的托管 CI 服务器.
- Codecov - 🛠️ - 具有强大功能的托管覆盖率报告可增强您的 CI 工作流程.
- Bash - 🛠 - Bourne Again SHell 是一个 sh 兼容的 shell.
- GitHub - 🛠 - 为开源和私人开发项目提供强大的协作、审查和代码管理.
Resources¶
- Making code coverage easy to see with Codecov & CircleCI
- CI Provider Relationship
- Codecov Bash Uploader
Vue SPA with Laravel ↗¶
创建多功能且可扩展的 PHP Web 应用程序的最佳方式! 它肯定会让您爱上 PHP(如果不是,Laravel). Laravel 团队与 Vue 有官方合作,所以 Vue、Babel 和 Sass 在你开始之前就已经集成了!
- PHP 7 - 🛠 - 🐙 - 一种流行的通用脚本语言,特别适用于 Web 开发.
- Laravel - 🛠 - 🐙 - 最流行的面向对象 MVC PHP 框架之一,具有优雅的语法和黄金标准软件模式.
- Vue.js - 🛠️ - 🐙 - 一个平易近人的核心库,只关注视图层.
- Laravel Mix - 🐙 - 构建在 webpack 之上的构建工具,可以轻松编译任何前端资产. (秘密:使用或不使用 Laravel)
- Babel - 🛠️ - 🐙 - 用于编写下一代 JavaScript 的编译器; Babel 会将您的 ES6+ 代码转换为 ES5 友好代码,因此您可以立即开始使用它,而无需等待浏览器支持.
- Sass - 🛠️ - 🐙 - Sass 是 CSS3 的扩展,添加了嵌套规则、变量、混合、选择器继承等. 使用命令行工具或网络框架插件将其转换为格式良好的标准 CSS.
Resources¶
- Building a Vue SPA with Laravel
- Laravel Tutorial: Step by Step Guide to Building Your First Laravel Application
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.
- Flask - 🛠️ - 🐙 - 用于构建 Web 应用程序的 Python 微型框架.
- ReactJS - 🛠️ - 🐙 - 用于构建用户界面的声明式、高效且灵活的 JavaScript 库.
- MongoDB - 🛠️ - 🐙 - 文档和面向 JSON 的数据库.
- Python - 🛠️ - 🐙 - 一种让您快速工作的编程语言.
Resources¶
- 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
Back-end¶
GCP Kubernetes Stack ↗¶
Stack 用于使用 Google Cloud 服务部署和管理 Docker 容器化应用程序集群.
- GKE - 🛠 - 由谷歌管理的 Kubernetes 集群.
- Kubernetes - 🐙 - 🛠 - 生产级容器调度和管理.
- Docker - 🛠 - 🐙 - 在容器内创建、部署和运行应用程序的工具.
- Stackdriver - 🛠️ - Stackdriver Logging 允许您存储、搜索、分析、监控日志数据和事件并发出警报.
Ethereum DApp ↗¶
用于在以太坊区块链上构建去中心化应用程序的工具集合.
- Solidity - 🐙 - Solidity 是一种面向对象的高级语言,用于实现智能合约.
- web3.js - 🐙 - 以太坊 JavaScript API.
- db3.js - 🐙 - db3.js 是用于编写和查询 JSON 文档的 db3 网络(以太坊第 2 层)javascript API
- Truffle - 🐙 - 使用以太坊虚拟机 (EVM) 的区块链世界级开发环境、测试框架和资产管道.
- Ganache - 🐙 - 用于以太坊开发的个人区块链.
- drizzle - 🐙 - 前端库的集合,使编写 dapp 用户界面更容易、更可预测.
Rails Monitoring Stack ↗¶
用于在生产环境中监控 Rails 应用程序的工具.
- Skylight - 🛠 - 用于 Rails 应用程序的智能分析器.
- New Relic - 🛠 - 用于 Ruby、PHP、.Net、Java、Python 和 Node.js 应用程序的 SaaS 应用程序性能管理.
- rack-mini-profiler - 🐙 - 用于开发和生产 Ruby 机架应用程序的分析器.
- Sqreen - 🛠 - Security monitoring and protection for Ruby, PHP, Java, Go, Python, and Node.js Apps.
User Behavior Analytics via Segment ↗¶
用于分析网络应用程序用户行为的托管工具.
- Segment - 🛠️ - 一个集线器,只需轻按一下开关即可收集、翻译和发送您的数据.
- Google Analytics - 🛠️ - 企业级网络分析.
- Amplitude - 🛠️ - 用户分析推动用户爆炸式增长.
- FullStory - 🛠️ - 在一个功能强大且易于使用的平台中捕获所有客户体验数据.
Streaming Analytics with Kafka, Spark, and Cassandra ↗¶
用于处理大量传入事件的 Kafka-Spark-Cassandra 管道.
- Kafka - 🛠 - 🐙 - 分布式、容错、高吞吐量的发布-订阅消息系统.
- Apache Spark - 🛠 - 🐙 - 用于大规模数据处理的快速通用引擎.
- Cassandra - 🛠 - 🐙 - 高度可扩展的分区行存储.
Resources¶
- 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 ↗¶
自托管开源 devops 和协作工具,适用于企业.
- GitLab - 🛠 - 🐙 - 开源自托管 Git 管理软件.
- Zulip - 🛠 - 🐙 - 强大的开源团队聊天.
- Hubot - 🛠 - 🐙 - 可定制的生活改善机器人.
- Sentry - 🛠 - 🐙 - 跨平台应用程序监控,重点是错误报告.
- Taiga.io - 🛠 - 🐙 - 考虑到 Scrum 的项目管理 Web 应用程序.
- Metabase - 🛠 - 🐙 - 开源商业智能工具.
Production Ready Django + Docker ↗¶
前沿的 Django 模板专注于代码质量和安全性.
构建、测试和部署管道是默认配置的.
- Python 3 - 🛠 - 🐙 - 一种让您快速工作的编程语言.
- Django - 🛠 - 🐙 - 为有期限的完美主义者设计的 Web 框架.
- Docker - 🛠 - 🐙 - 在容器内创建、部署和运行应用程序的工具.
- GitLab - 🛠 - 🐙 - 开源自托管 Git 管理软件.
- Caddy - 🛠 - 🐙 - 具有自动 HTTPS 的 HTTP/2 Web 服务器.
Resources¶
RESTful API with Java and Spring Boot ↗¶
构建一个简单而强大的 RESTful API.
- Spring Boot - 🛠 - 🐙 - Spring Boot 可以轻松创建独立的、生产级的基于 Spring 的应用程序,您可以“直接运行”.
- Gradle - 🛠️ - 🐙- 专注于构建自动化和支持多语言开发的构建工具.
- Java - 🛠️ - Java 是一种面向对象的语言,是世界上使用最广泛的编程语言之一.
Resources¶
Mobile¶
React Native with Expo and Hasura ↗¶
Hasura 是一个开源的 GraphQL 引擎,可以在任何 Postgres 数据库上部署即时、实时的 GraphQL API. 这个 React Native 堆栈使用托管在 Digital Ocean 上的 Hasura 液滴.
- Hasura - 🛠️ - 🐙 - 具有细粒度访问控制的 Postgres 上快速、即时的实时 GraphQL API.
- React Native - 🛠️ - 🐙 - 使用 JavaScript 和 React 构建原生移动应用程序.
- Expo - 🛠️ - 🐙 - 从相同的 JavaScript 代码库构建、部署和快速迭代原生 iOS 和 Android 应用程序.
- Digital Ocean - 🛠️ - 🐙 - 在不到 55 秒内部署一个 SSD 云服务器,具有专用 IP 和根访问权限.
- Auth0 - 🛠️ - 用于网络、移动和遗留应用程序的通用身份验证和授权平台.
Resources¶
- 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 是一个连接到 Plastic SCM 的游戏引擎,以保持版本控制和大型资产以及大型 repo 管理干净顺畅.
- Unity - 🛠 - 🐙 - The C# part of the Unity engine and editor source code. May be used for reference purposes only.
- Plastic SCM - 🛠️ - 🐙 - PlasticSCM Docker 图像.
- TeamCity - 🛠 - 来自 JetBrains 的基于 Java 的构建管理和持续集成服务器.
Resources¶
Workflow Automation with GitHub, Jira and Jenkins ↗¶
使用 GitHub、Jira 和 Jenkins 提高您的工作效率.
- Jenkins - 🛠️ - 🐙 - 用于 CI/CD 的开源自动化服务器.
- GitHub - 🛠 - 保存您的代码并向世界开放的网站.
- Jira - 🛠️ - 敏捷软件开发.
- Slack - 🛠️ - 工作流动的地方.
Resources¶
Contributing¶
See CONTRIBUTING.md 有关如何贡献堆栈和工具的信息和指南.
License¶
在法律允许的范围内, StackShare 已放弃该作品的所有版权和相关或邻接权 README

