多码网
返回 硬件与物联网
硬件与物联网

Awesome stacks

Awesome stacks

Pink sunglasses with text Awesome Stacks

Awesome Stacks

StackShare

> 用于构建不同应用程序和功能的技术堆栈.

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 的最完整样板. 专注于性能、开发速度和最佳实践.

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

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. 构成堆栈的四项关键技术.

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

通过静态网站集成或通过抓取内容,将搜索添加到您的 JAMStack 网站.

Resources

MEVN: Mongo Express Vue Node

这是一个包含 VueJS + ExpressJS + MongoDB 的全栈 Web 应用样板项目.

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 构建全栈生产就绪笔记应用程序. 包含屏幕截图和代码示例的分步开源教程.

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

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

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 用于使用 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

用于分析网络应用程序用户行为的托管工具.

Streaming Analytics with Kafka, Spark, and Cassandra

用于处理大量传入事件的 Kafka-Spark-Cassandra 管道.

Resources

Self-Hosted Devops and Collaboration

自托管开源 devops 和协作工具,适用于企业.

Production Ready Django + Docker

前沿的 Django 模板专注于代码质量和安全性.

构建、测试和部署管道是默认配置的.

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

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 提高您的工作效率.

Resources

Contributing

See CONTRIBUTING.md 有关如何贡献堆栈和工具的信息和指南.

License

CC0

在法律允许的范围内, StackShare 已放弃该作品的所有版权和相关或邻接权 README

相关项目