> For the complete documentation index, see [llms.txt](https://docs.tenten.co/awesome/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tenten.co/awesome/devops/awesome-stacks.md).

# Awesome Stack

[![StackShare](https://img.shields.io/badge/tech-stack-0690fa.svg?style=flat)](https://stackshare.io/stackshare/awesome-stacks)

> 用於構建不同應用程序和功能的技術堆棧。

＃＃ 內容

* [前端](#front-end)
* [全棧](#full-stack)
* [後端](#back-end)
* [手機](#mobile)

Awesome Stacks 是一個社區策劃的技術堆棧列表，用於構建不同的應用程序和功能。它是開源的，並受到原始 [awesome list](http://awesome.re/) 的啟發。

列表中的每個堆棧都有一個名稱、描述和一些關鍵工具和技術的列表。可選地，它鏈接到一個教程、入門工具包或樣板，使其易於上手。

有一個你認為是構建東西的好方法的堆棧嗎？請編輯此文件並添加它！查看 [CONTRIBUTING.md](https://github.com/tentenco/awesome/blob/main/devops/awesome-stacks/CONTRIBUTING.md) 了解更多信息。

#### 瀏覽堆棧

堆棧可以在兩個地方瀏覽——在 README 和 [awesomestacks.dev](https://awesomestacks.dev/)。該網站由 Gatsby 和 React 構建，通過從 GitHub 和 StackShare API 中提取數據來顯示自述文件中列出的每個工具的徽標和指標。

＃＃＃＃ 傳奇

🛠 - StackShare 工具簡介\
🐙 - GitHub 存儲庫

＃＃ 前端

### React Next Boilerplate [↗](https://awesomestacks.dev/react-next-boilerplate)

使用 Next.js、最佳開發實踐和開發人員社區中的流行庫減少項目配置的基礎。

* [Next.js](https://nextjs.org/) - [🛠](https://stackshare.io/next-js) - \[🐙]\(<https://github.com/zeit/next>. js) - 用於服務器渲染、靜態網站、PWA 的 React 框架。
* [React 測試庫](https://testing-library.com/docs/react-testing-library/intro) - [🛠](https://stackshare.io/react-testing-library) - \[🐙] (<https://github.com/testing-library/react-testing-library>) - react-testing-library 是技術堆棧測試框架類別中的一個工具。
* [情感](https://emotion.sh/) - [🛠](https://stackshare.io/emotion) - [🐙](https://github.com/emotion-js/emotion) - CSS -in-JS 庫，專為高性能風格組合而設計。
* [I18next](https://www.i18next.com/) - [🐙](https://github.com/i18next/i18next) - I18next 是一個用 JavaScript 編寫的國際化框架。但遠不止於此。
* [Redux Saga](https://redux-saga.js.org/) - [🐙](https://github.com/redux-saga/redux-saga) - 是一個旨在使應用程序端的庫效果（即數據獲取等異步操作和訪問瀏覽器緩存等不純操作）更易於管理、執行效率更高、易於測試並且更擅長處理故障。

＃＃＃＃＃ 資源

* [react-next-boilerplate](https://github.com/react-next-boilerplate/react-next-boilerplate)

### React 入門套件 [↗](https://awesomestacks.dev/react-starter-kit)

React Starter Kit 是建立在 Node.js、Express、GraphQL 和 React 之上的 Web 開發自以為是的樣板，包含現代 Web 開發工具，如 Webpack、Babel 和 Browsersync。

* [React](https://reactjs.org/) - [🛠](https://stackshare.io/react) - [🐙](https://github.com/facebook/react) - React 組件可以用於客戶端和服務器端。
* [Webpack](https://webpack.js.org/) - [🛠️](https://stackshare.io/webpack) - [🐙](https://github.com/webpack/webpack) - A現代 JavaScript 應用程序的靜態模塊捆綁器。
* [GraphQL](https://graphql.org/) - [🛠](https://stackshare.io/graphql) - [🐙](https://github.com/graphql/graphql-js) - A API 的查詢語言和使用現有數據完成這些查詢的運行時。
* [Babel](https://babeljs.io/) - [🛠️](https://stackshare.io/babel) - [🐙](https://github.com/babel/babel) - JavaScript 編譯器; 今天就使用下一代 JavaScript。
* [Express](https://expressjs.com/) - [🛠️](https://stackshare.io/expressjs) - [🐙](https://github.com/expressjs/express) - 最小且靈活的 Node.js Web 應用程序框架。
* [Node.js](https://nodejs.org/) - [🛠️](https://stackshare.io/nodejs) - [🐙](https://github.com/nodejs/node) - A基於 Chrome 的 V8 JavaScript 引擎構建的 JavaScript 運行時。

＃＃＃＃＃ 資源

* [react-starter-kit](https://github.com/kriasoft/react-starter-kit)

### React Firebase 啟動器 [↗](https://awesomestacks.dev/react-firebase-starter)

React Starter Kit for Firebase 是一個流行的項目模板（又名樣板），用於使用 Google Cloud 提供的無服務器基礎架構（Cloud SQL、Cloud Functions、CDN 託管和文件存儲）構建具有 React、Relay 和 GraphQL 的現代、可擴展的 Web 應用程序.

* [Firebase](https://firebase.google.com/) - [🛠️](https://stackshare.io/firebase) - 雲託管的 NoSQL 數據庫，可讓您在真實用戶之間存儲和同步數據-時間。
* [創建 React 應用程序](https://facebook.github.io/create-react-app/) - [🛠](https://stackshare.io/create-react-app) - \[🐙]\(https: //github.com/facebook/create-react-app) - 通過運行一個命令來設置現代 Web 應用程序。
* [材質 UI](https://material-ui.com/) - [🛠️](https://stackshare.io/material-ui) - \[🐙]\(<https://github.com/mui-org> /material-ui) - 實現 Google 的 Material Design 的 React 組件。
* [中繼](https://facebook.github.io/relay/) - [🛠️](https://stackshare.io/relay) - [🐙](https://github.com/facebook/relay) - 用於構建數據驅動的 React 應用程序的 JavaScript 框架。
* [GraphQL](https://graphql.org/) - [🛠](https://stackshare.io/graphql) - [🐙](https://github.com/graphql/graphql-js) - A API 的查詢語言和使用現有數據完成這些查詢的運行時。

＃＃＃＃＃ 資源

* [react-firebase-starter](https://github.com/kriasoft/react-firebase-starter)

### vue-starter [↗](https://awesomestacks.dev/vue-starter)

生產就緒 PWA 的最完整樣板。專注於性能、開發速度和最佳實踐。

* [Vue.js](https://vuejs.org/) - [🛠️](https://stackshare.io/vue-js) - [🐙](https://github.com/vuejs/vue) - 一個平易近人的核心庫，只關注視圖層。
* [TypeScript](https://www.typescriptlang.org/) - [🛠️](https://stackshare.io/typescript) - [🐙](https://github.com/Microsoft/TypeScript) - A JavaScript 的類型化超集，可編譯為純 JavaScript。
* [Jest](https://jestjs.io/) - [🛠️](https://stackshare.io/jest) - [🐙](https://github.com/facebook/jest) - 一個全面的，令人愉快的 JavaScript 測試解決方案。
* [Prettier](https://prettier.io/) - [🛠️](https://stackshare.io/prettier) - [🐙](https://github.com/prettier/prettier) - 自以為是的代碼格式化程序。
* [Vuex](https://vuex.vuejs.org/) - [🐙](https://github.com/vuejs/vuex) - Vue.js 的集中狀態管理。
* [Vue Router](https://router.vuejs.org/) - [🐙](https://github.com/vuejs/vue-router) - Vue Router 是 Vue.js 的官方路由器。

＃＃＃＃＃ 資源

* [vue-starter](https://vue-starter.herokuapp.com/docs/)

### Vue Enterprise Boilerplate [↗](https://awesomestacks.dev/vue-enterprise-boilerplate)

使用 Vue CLI 3 的新 Vue SPA 項目的不斷發展和固執己見的架構和開發環境。

* [Vue.js](https://vuejs.org/) - [🛠️](https://stackshare.io/vue-js) - [🐙](https://github.com/vuejs/vue) - 一個平易近人的核心庫，只關注視圖層。
* [Vuex](https://vuex.vuejs.org/) - [🐙](https://github.com/vuejs/vuex) - Vue.js 的集中狀態管理。
* [Vue Router](https://router.vuejs.org/) - [🐙](https://github.com/vuejs/vue-router) - Vue Router 是 Vue.js 的官方路由器。
* [Vue CLI](https://cli.vuejs.org/) - [🐙](https://github.com/vuejs/vue-cli) - 一個只關注視圖層的平易近人的核心庫。
* [Babel](https://babeljs.io/) - [🛠️](https://stackshare.io/babel) - [🐙](https://github.com/babel/babel) - 編寫編譯器下一代 JavaScript；Babel 會將您的 ES6+ 代碼轉換為 ES5 友好代碼，因此您可以立即開始使用它，而無需等待瀏覽器支持。
* [Sass](https://sass-lang.com) - [🛠️](https://stackshare.io/sass) - [🐙](https://github.com/sass/sass) - Sass 是CSS3 的擴展，添加了嵌套規則、變量、mixin、選擇器繼承等。使用命令行工具或網絡框架插件將其轉換為格式良好的標準 CSS。

＃＃＃＃＃ 資源

* [vue-enterprise-boilerplate](https://github.com/chrisvfritz/vue-enterprise-boilerplate)

### 帶有 Gatsby 的漸進式 Web 應用程序 [↗](https://awesomestacks.dev/progressive-web-app-with-gatsby)

使用一些出色的現代技術構建一個簡單的輪詢漸進式 Web 應用程序。

* [蓋茨比](https://gatsbyjs.org/) - [🛠](https://stackshare.io/gatsbyjs) - [🐙](https://github.com/gatsbyjs/gatsby) - 蓋茨比是一個用於 React 的快速現代站點生成器。
* [Cloud Firestore](https://firebase.google.com/docs/firestore/) - [🛠️](https://stackshare.io/cloud-firestore) - 一個公開事件監聽器的 noSQL 雲數據庫 -時間更新。
* [Netlify](https://netlify.com/) - [🛠️](https://stackshare.io/netlify) - Netlify 是一個全球 CDN，只需單擊幾下即可實現持續部署。
* [樣式化組件](https://www.styled-components.com/) - [🛠](https://stackshare.io/styled-components) - \[🐙]\(<https://github.com/styled> -components/styled-components) - 一個特定於 react 的 css-in-js 解決方案。
* [內容](https://www.contentful.com/) - [🛠](https://stackshare.io/contentful) - [🐙](https://github.com/contentful) - 內容是一個靈活且面向未來的內容平台，可幫助編輯人員管理和開發人員將內容提供到移動或 Web 應用程序中。最後但並非最不重要的一點是，與蓋茨比一起工作時的動力。

＃＃＃＃＃ 資源

* [JAMstack PWA — 讓我們構建一個投票應用程序。使用 Gatsby.js、Firebase 和 Styled-components](https://medium.com/@UnicornAgency/jamstack-pwa-lets-build-a-polling-app-with-gatsby-js-firebase-and-styled-組件-pt-1-78a03a633092)
* [了解如何輕鬆構建由 Contentful 提供支持的 GatsbyJS 網站](https://www.contentful.com/r/knowledgebase/gatsbyjs-and-contentful-in-five-minutes/)

### Victor Hugo 樣板文件 [↗](https://awesomestacks.dev/victor-hugo-boilerplate)

用於創建真正史詩般的網站的 Hugo 樣板。這是使用 Hugo 作為靜態站點生成器和 Webpack 作為資產管道的樣板。

* [Hugo](https://gohugo.io/) - [🛠](https://stackshare.io/hugo_2)- [🐙](https://github.com/gohugoio/hugo) - 世界上最快的構建網站的框架。
* [Webpack](https://webpack.js.org/) - [🛠️](https://stackshare.io/webpack) - [🐙](https://github.com/webpack/webpack) - A現代 JavaScript 應用程序的靜態模塊捆綁器。
* [Babel](https://babeljs.io/) - [🛠️](https://stackshare.io/babel) - [🐙](https://github.com/babel/babel) - JavaScript 編譯器; 今天就使用下一代 JavaScript。
* [PostCSS](https://postcss.org/) - [🛠](https://stackshare.io/postcss) - [🐙](https://github.com/postcss/postcss) - 一個工具用 JavaScript 轉換 CSS。

＃＃＃＃＃ 資源

* [netlify-templates/victor-hugo](https://github.com/netlify-templates/victor-hugo)

### Nuxt，TypeScript + Docker [↗](https://awesomestacks.dev/nuxt-type-script-docker)

流血的 vue 模板專注於代碼質量和開發人員的幸福感。

為小型和企業級應用程序提供完整的設置。

* [Nuxt](https://nuxtjs.org/) - [🛠](https://stackshare.io/nuxt) - [🐙](https://github.com/nuxt/nuxt.js) - Vue .js 元框架可快速創建複雜、快速和通用的 Web 應用程序。
* [TypeScript](https://www.typescriptlang.org/) - [🛠️](https://stackshare.io/typescript) - [🐙](https://github.com/Microsoft/TypeScript) - A JavaScript 的類型化超集，可編譯為純 JavaScript。
* [Sass](https://sass-lang.com) - [🛠️](https://stackshare.io/sass) - [🐙](https://github.com/sass/sass) - Sass 是CSS3 的擴展，添加了嵌套規則、變量、mixin、選擇器繼承等。使用命令行工具或網絡框架插件將其轉換為格式良好的標準 CSS。
* [Jest](https://jestjs.io/) - [🛠️](https://stackshare.io/jest) - [🐙](https://github.com/facebook/jest) - 一個全面的，令人愉快的 JavaScript 測試解決方案。
* [eslint](https://eslint.org/) - [🛠️](https://stackshare.io/eslint) - [🐙](https://github.com/eslint/eslint) - 可插入的 linting JavaScript 和 JSX 的實用程序。
* [stylelint](https://stylelint.io/) - [🛠️](https://stackshare.io/stylelint) - [🐙](https://github.com/stylelint/stylelint) - 強大的，現代 linter 可幫助您避免錯誤並在樣式中強制執行約定。
* [Docker](https://www.docker.com/) - [🛠](https://stackshare.io/docker) - [🐙](https://github.com/docker/docker) 一個工具在容器內創建、部署和運行應用程序。

＃＃＃＃＃ 資源

* [wemake-vue-template](https://github.com/wemake-services/wemake-vue-template)

### Nextjs 博客啟動器 [↗](https://awesomestacks.dev/nextjs-blog-starter)

用於創建博客的 Nextjs 樣板代碼。在 React 中創建博客並使用 Tailwind CSS 進行樣式設置的完美解決方案。

* [Next.js](https://nextjs.org/) - [🛠](https://stackshare.io/next-js) - \[🐙]\(<https://github.com/zeit/next>. js) - 用於服務器渲染、靜態網站、PWA 的 React 框架。
* [React](https://reactjs.org/) - [🛠](https://stackshare.io/react) - [🐙](https://github.com/facebook/react) - React 組件可以用於客戶端和服務器端。
* [TypeScript](https://www.typescriptlang.org/) - [🛠️](https://stackshare.io/typescript) - [🐙](https://github.com/Microsoft/TypeScript) - A JavaScript 的類型化超集，可編譯為純 JavaScript。
* [eslint](https://eslint.org/) - [🛠️](https://stackshare.io/eslint) - [🐙](https://github.com/eslint/eslint) - 可插入的 linting JavaScript 和 JSX 的實用程序。
* [Babel](https://babeljs.io/) - [🛠️](https://stackshare.io/babel) - [🐙](https://github.com/babel/babel) - JavaScript 編譯器; 今天就使用下一代 JavaScript。
* [PostCSS](https://postcss.org/) - [🛠](https://stackshare.io/postcss) - [🐙](https://github.com/postcss/postcss) - 一個工具用 JavaScript 轉換 CSS。
* [Netlify](https://netlify.com/) - [🛠️](https://stackshare.io/netlify) - Netlify 是一個全球 CDN，只需單擊幾下即可實現持續部署。

＃＃＃＃＃ 資源

* [Nextjs 博客啟動器](https://github.com/ixartz/Next-js-Blog-Boilerplate)
* [Nextjs 博客入門演示](https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/)

＃＃ 全棧

### GraphCMS React + Apollo [↗](https://awesomestacks.dev/graph-cms-react-apollo)

博主、內容創建者以及真正想要擺脫 WordPress 的任何人的閃電般快速入門。

* [GraphCMS](https://graphcms.com/) - [🛠️](https://stackshare.io/graphcms) - GraphCMS 為您的應用程序提供後端，為您提供管理內容的工具。
* [創建 React 應用程序](https://facebook.github.io/create-react-app/) - [🛠](https://stackshare.io/create-react-app) - \[🐙]\(https: //github.com/facebook/create-react-app) - 通過運行一個命令來設置現代 Web 應用程序。
* [Apollo](https://www.apollographql.com/) - [🛠️](https://stackshare.io/apollo) - [🐙](https://github.com/apollographql/apollo-client) - Apollo Client 是使用 GraphQL 構建客戶端應用程序的最佳方式。

＃＃＃＃＃ 資源

* [帶有 React 和 Apollo 客戶端的 GraphCMS 入門博客](https://github.com/GraphCMS/graphcms-examples/tree/master/current/react-apollo-blog)

### Strapi CMS 與 Gatsby [↗](https://awesomestacks.dev/strapi-cms-with-gatsby)

使用 Strapi CMS 來維護和管理您的 Gatsby 靜態站點。部署到 Heroku。

* [Strapi CMS](https://strapi.io) - [🐙](https://github.com/strapi/strapi) - Strapi 是 Headless CMS 開發人員所喜愛的。
* [蓋茨比](https://gatsbyjs.org/) - [🛠](https://stackshare.io/gatsbyjs) - [🐙](https://github.com/gatsbyjs/gatsby) - 蓋茨比是一個用於 React 的快速現代站點生成器。
* [Heroku](https://www.heroku.com/) - [🛠️](https://stackshare.io/heroku) - Heroku 是一個用於部署應用程序的強大平台。

＃＃＃＃＃ 資源

* [使用 Gatsby 和 Strapi 構建靜態博客](https://blog.strapi.io/building-a-static-website-using-gatsby-and-strapi/)
* [通過 Strapi Headless CMS 視頻系列學習 Gatsby](https://www.youtube.com/playlist?list=PL7Q0DQYATmvgGiz0MbbsMA_aB1V0yLE7a)
* [將 Strapi 部署到 Heroku](https://strapi.io/documentation/3.xx/guides/deployment.html#heroku)

### Algolia 網站搜索 [↗](https://awesomestacks.dev/algolia-site-search)

通過靜態站點集成或爬取內容，將搜索添加到您的 JAMStack 網站。

* [Algolia](https://algolia.com/) - [🛠](https://stackshare.io/algolia) - 託管搜索 API，最多釋放 10,000 條記錄。
* [DocSearch](https://community.algolia.com/docsearch) - [🐙](https://github.com/algolia/docsearch-scraper) - 抓取網站並將其上傳到索引。
* [gatsby-plugin-algolia](https://www.gatsbyjs.org/packages/gatsby-plugin-algolia/) - [🐙](https://github.com/algolia/gatsby-plugin-algolia) -使用 GraphQL 指定 Gatsby 對像以使用 Algolia (beta) 進行索引。
* [hugo-algolia](https://github.com/replicatedhq/hugo-algolia) - [🐙](https://github.com/replicatedhq/hugo-algolia) - 從 Hugo 靜態站點生成和發送索引與阿爾戈利亞一起使用。
* [instantsearch.js](https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/) - \[🐙]\(<https://github.com/algolia> /instantsearch.js) - 用於構建高性能和即時搜索體驗的 JavaScript 庫。

＃＃＃＃＃ 資源

* [使用 Hugo + Algolia 進行靜態站點搜索](https://forestry.io/blog/search-with-algolia-in-hugo/)

### MEVN：Mongo Express Vue 節點 [↗](https://awesomestacks.dev/mevn-mongo-express-vue-node)

這是一個包含 VueJS + ExpressJS + MongoDB 的全棧 Web 應用樣板項目。

* [Vue.js](https://vuejs.org/) - [🛠️](https://stackshare.io/vue-js) - [🐙](https://github.com/vuejs/vue) - 一個平易近人的核心庫，只關注視圖層。
* [MongoDB](https://www.mongodb.com/) - [🛠️](https://stackshare.io/mongodb) - [🐙](https://github.com/mongodb/mongo) - A文檔和麵向 JSON 的數據庫。
* [Express](https://expressjs.com/) - [🛠️](https://stackshare.io/expressjs) - [🐙](https://github.com/expressjs/express) - 最小且靈活的 Node.js Web 應用程序框架。
* [Node.js](https://nodejs.org/en/) - [🛠️](https://stackshare.io/nodejs) - [🐙](https://github.com/nodejs/node) - Node.js 是基於 Chrome 的 V8 JavaScript 引擎構建的 JavaScript 運行時。

＃＃＃＃＃ 資源

* [歡迎使用 Vue-Express-Mongo BoilerPlate](http://vemapp.moleculer.services/)

### 堅如磐石的現代 Rails [↗](https://awesomestacks.dev/rock-solid-modern-rails)

基於 Rails/JavaScript 的堆棧，採用現代/開發人員友好的技術

* [Rails](https://rubyonrails.org/) - [🛠](https://stackshare.io/rails) - [🐙](https://github.com/rails/rails) - 一個成熟的網絡應用程序框架，專注於簡單性和生產力。
* [React](https://reactjs.org/) - [🛠](https://stackshare.io/react) - [🐙](https://github.com/facebook/react) - React 組件可以用於客戶端和服務器端。
* [GraphQL Ruby](https://graphql-ruby.org/) - [🛠](https://stackshare.io/graphql-ruby) - \[🐙]\(<https://github.com/rmosolgo/graphql> -ruby) - GraphQL 規範的 Ruby 服務器實現。
* [Apollo 客戶端](https://dev.apollodata.com/) - [🛠](https://stackshare.io/apollo) - [🐙](https://github.com/apollographql/apollo-client) - 一個強大的可擴展 GraphQL JavaScript 客戶端。
* [Heroku](https://heroku.com) - [🛠️](https://stackshare.io/heroku) 具有無縫 Ruby/Rails 支持的開發人員友好的 Web 應用基礎設施提供商。

＃＃＃＃＃ 資源

* [堅如磐石的現代 Web 堆棧 — Rails 5 API + ActiveAdmin + 在 Heroku 上創建 React 應用程序](https://blog.heroku.com/a-rock-solid-modern-web-stack)

### 在 AWS 上使用 React 的無服務器堆棧 [↗](https://awesomestacks.dev/serverless-stack-with-react-on-aws)

從 serverless-stack.com 了解如何使用 Serverless 和 React on AWS 構建全棧生產就緒的筆記應用程序。包含屏幕截圖和代碼示例的分步開源教程。

* [無服務器框架](https://serverless.com/) - [🛠️](https://stackshare.io/serverless) - [🐙](https://github.com/serverless/serverless) - 一個工具包用於構建無服務器應用程序。
* [AWS Lambda](https://aws.amazon.com/lambda) - [🛠️](https://stackshare.io/aws-lambda) - 運行代碼以響應事件的計算服務。
* [DynamoDB](http://aws.amazon.com/dynamodb/) - [🛠️](https://stackshare.io/amazon-dynamodb) - 完全託管的 NoSQL 數據庫服務。
* [Amazon Cognito](https://aws.amazon.com/cognito/) - [🛠️](https://stackshare.io/amazon-cognito) - 跨移動設備為您的用戶安全地管理和同步應用程序數據.
* [Amazon S3](https://aws.amazon.com/s3/) - [🛠️](https://stackshare.io/amazon-s3) - 隨時存儲和檢索任意數量的數據網絡上的任何地方。
* [AWS Amplify](https://aws-amplify.github.io/) - [🛠️](https://stackshare.io/aws-amplify) - 帶有 React、React Native 擴展的 JavaScript 開源庫。
* [Amazon CloudFront](https://aws.amazon.com/cloudfront/) - [🛠️](https://stackshare.io/amazon-cloudfront) - 以低延遲和高數據傳輸速度交付內容。
* [創建 React 應用程序](https://facebook.github.io/create-react-app/) - [🛠](https://stackshare.io/create-react-app) - \[🐙]\(https: //github.com/facebook/create-react-app) - 通過運行一個命令來設置現代 Web 應用程序。

＃＃＃＃＃ 資源

* [serverless-stack.com](https://serverless-stack.com/)

### Electron React 樣板 [↗](https://awesomestacks.dev/electron-react-boilerplate)

從開發到分發應用程序的可擴展跨平台桌面應用程序的基礎。

* [Electron](http://electron.atom.io/) - [🛠️](https://stackshare.io/electron) - [🐙](https://github.com/electron/electron) - 構建使用 JavaScript、HTML 和 CSS 的跨平台桌面應用程序。
* [React](https://reactjs.org/) - [🛠](https://stackshare.io/react) - [🐙](https://github.com/facebook/react) - React 組件可以用於客戶端和服務器端。
* [Redux](https://redux.js.org/) - [🛠](https://stackshare.io/reduxjs) - [🐙](https://github.com/reduxjs/redux) - 可預測JavaScript 應用程序的狀態容器。
* [electron-builder](https://www.electron.build) - [🐙](https://github.com/electron-userland/electron-builder) - 一個完整的解決方案，用於打包和構建一個準備分發開箱即用的具有“自動更新”支持的電子應用程序。

＃＃＃＃＃ 資源

* [Electron React Boilerplate 網站](https://electron-react-boilerplate.js.org/)

### Vue 與 Electron [↗](https://awesomestacks.dev/vue-with-electron)

從開發到使用 Vue 和 Electron 分發應用程序的可擴展跨平台桌面應用程序的基礎。

* [Electron](http://electron.atom.io/) - [🛠️](https://stackshare.io/electron) - [🐙](https://github.com/electron/electron) - 構建使用 JavaScript、HTML 和 CSS 的跨平台桌面應用程序。
* [Vue.js](https://vuejs.org/) - [🛠️](https://stackshare.io/vue-js) - [🐙](https://github.com/vuejs/vue) - 一個平易近人的核心庫，只關注視圖層。
* [Vuex](https://redux.js.org/) - [🛠](https://stackshare.io/reduxjs) - [🐙](https://github.com/reduxjs/redux) - 可預測JavaScript 應用程序的狀態容器。
* [Vue Router](https://router.vuejs.org/) - [🐙](https://github.com/vuejs/vue-router) - Vue Router 是 Vue.js 的官方路由器。
* [Vue CLI](https://cli.vuejs.org/) - [🐙](https://github.com/vuejs/vue-cli) - 一個只關注視圖層的平易近人的核心庫。
* [electron-builder](https://www.electron.build) - [🐙](https://github.com/electron-userland/electron-builder) - 一個完整的解決方案，用於打包和構建一個準備分發開箱即用的具有“自動更新”支持的電子應用程序。

＃＃＃＃＃ 資源

* [Vue.js & Electron：簡單的方法。– Mikeal](https://medium.com/@mikeal/vue-js-electron-the-easy-way-adc3ca09234a)
* [如何將 Vue.js 與 Electron 和 Vuex 一起使用](https://alligator.io/vuejs/vue-electron/)

### 代碼覆蓋率和 CI [↗](https://awesomestacks.dev/code-coverage-and-ci)

開始使用 CI 和代碼覆蓋率的最快方法。

* [CircleCI](https://circleci.com/) - [🛠](https://stackshare.io/circleci) - 流行的託管 CI 服務器。
* [Codecov](https://codecov.io/) - [🛠️](https://stackshare.io/codecov) - 託管覆蓋報告，具有很棒的功能，可增強您的 CI 工作流程。
* [Bash](https://www.gnu.org/software/bash/) - [🛠](https://stackshare.io/gnu-bash) - Bourne Again SHell 是一個與 sh 兼容的 shell。
* [GitHub](https://github.com/) - [🛠](https://stackshare.io/github) - 用於開源和私人開發項目的強大協作、審查和代碼管理。

＃＃＃＃＃ 資源

* [使用 Codecov 和 CircleCI 使代碼覆蓋率易於查看](https://circleci.com/blog/making-code-coverage-easy-to-see-with-the-codecov-orb/)
* [CI 提供者關係](https://docs.codecov.io/docs/ci-service-relationship)
* [Codecov Bash 上傳器](https://docs.codecov.io/docs/about-the-codecov-bash-uploader)

### Vue SPA 與 Laravel [↗](https://awesomestacks.dev/vue-spa-with-laravel)

創建多功能且可擴展的 PHP Web 應用程序的最佳方式！它肯定會讓你愛上 PHP（如果不是，Laravel）。Laravel 團隊與 Vue 有官方合作，所以 Vue、Babel 和 Sass 在你開始之前就已經集成了！

* [PHP 7](https://php.net) - [🛠](https://stackshare.io/php) - [🐙](https://github.com/php/php-src) - A流行的通用腳本語言，特別適合 Web 開發。
* [Laravel](https://laravel.com/) - [🛠](https://stackshare.io/laravel) - [🐙](https://github.com/laravel/laravel) - 其中之一最流行的面向對象 MVC PHP 框架，具有優雅的語法和黃金標準軟件模式。
* [Vue.js](https://vuejs.org/) - [🛠️](https://stackshare.io/vue-js) - [🐙](https://github.com/vuejs/vue) - 一個平易近人的核心庫，只關注視圖層。
* [Laravel Mix](https://laravel.com/docs/5.8/mix) - [🐙](https://github.com/JeffreyWay/laravel-mix) - 構建在 webpack 之上的構建工具，用於輕鬆編譯任何前端資產。（秘密：使用或不使用 Laravel 均可）
* [Babel](https://babeljs.io/) - [🛠️](https://stackshare.io/babel) - [🐙](https://github.com/babel/babel) - 編寫編譯器下一代 JavaScript；Babel 會將您的 ES6+ 代碼轉換為 ES5 友好代碼，因此您可以立即開始使用它，而無需等待瀏覽器支持。
* [Sass](https://sass-lang.com) - [🛠️](https://stackshare.io/sass) - [🐙](https://github.com/sass/sass) - Sass 是CSS3 的擴展，添加了嵌套規則、變量、mixin、選擇器繼承等。使用命令行工具或網絡框架插件將其轉換為格式良好的標準 CSS。

＃＃＃＃＃ 資源

* [使用 Laravel 構建 Vue SPA](https://laravel-news.com/using-vue-router-laravel)
* [Laravel 教程：構建您的第一個 Laravel 應用程序的分步指南](https://laravel-news.com/your-first-laravel-application)

### FReMP：Flask ReactJS MongoDB Python [↗](https://awesomestacks.dev/fremp-flask-reactjs-mongodb-python)

FReMP 堆棧是一個高度可擴展的全堆棧框架，可用於使用 Flask、ReactJS、MongoDB 和 Python 構建強大的現代 Web 應用程序。

* [Flask](https://flask.palletsprojects.com/) - [🛠️](https://stackshare.io/flask) - [🐙](https://github.com/pallets/flask) - The用於構建 Web 應用程序的 Python 微框架。
* [ReactJS](https://reactjs.org/) - [🛠️](https://stackshare.io/react) - [🐙](https://github.com/facebook/react) - 聲明式，用於構建用戶界面的高效、靈活的 JavaScript 庫。
* [MongoDB](https://www.mongodb.com/) - [🛠️](https://stackshare.io/mongodb) - [🐙](https://github.com/mongodb/mongo) - A文檔和麵向 JSON 的數據庫。
* [Python](https://www.python.org/) - [🛠️](https://stackshare.io/python) - [🐙](https://github.com/python/cpython) - A讓您快速工作的編程語言。

＃＃＃＃＃ 資源

* [如何在 Ubuntu 上安裝 FReMP Stack？](https://medium.com/@akhilmaulloo/how-to-install-fremp-stack-on-ubuntu-20-04-e4be2a3a88b9)
* [如何使用 FReMP 構建全棧 Web 應用程序？](https://medium.com/@akhilmaulloo/the-fremp-stack-building-a-full-stack-web-application-91308e505250)
* [如何將應用程序部署到 Heroku？](https://medium.com/@akhilmaulloo/the-fremp-stack-deploying-to-heroku-163254c3ca4d)
* [官網](https://fremp.github.io)
* [Github](https://github.com/FReMP)
* [樣板](https://github.com/FReMP/fremp)

## 後端

### GCP Kubernetes 堆棧 [↗](https://awesomestacks.dev/gcp-kubernetes-stack)

Stack 用於部署和管理使用 Google Cloud 服務的 Docker 容器化應用集群。

* [GKE](https://cloud.google.com/kubernetes-engine/) - [🛠](https://stackshare.io/google-kubernetes-engine) - 由 Google 管理的 Kubernetes 集群。
* [Kubernetes](https://kubernetes.io/) - [🐙](https://github.com/kubernetes/kubernetes) - [🛠](https://stackshare.io/kubernetes) - 生產級容器調度和管理。
* [Docker](https://www.docker.com/) - [🛠](https://stackshare.io/docker) - [🐙](https://github.com/docker/docker) - A用於在容器內創建、部署和運行應用程序的工具。
* [Stackdriver](https://cloud.google.com/stackdriver/) - [🛠️](https://stackshare.io/stackdriver) - Stackdriver Logging 允許您存儲、搜索、分析、監控和提醒記錄數據和事件。

### 以太坊 DApp [↗](https://awesomestacks.dev/ethereum-d-app)

用於在以太坊區塊鏈上構建去中心化應用程序的工具集合。

* [Solidity](https://solidity.readthedocs.io) - [🐙](https://github.com/ethereum/solidity) - Solidity 是一種面向對象的高級語言，用於實現智能合約。
* [web3.js](https://web3js.readthedocs.io) - [🐙](https://github.com/ethereum/web3.js) - 以太坊 JavaScript API。
* [Truffle](https://truffleframework.com/truffle) - [🐙](https://github.com/trufflesuite/truffle) - 使用以太坊虛擬的區塊鏈的世界級開發環境、測試框架和資產管道機器 (EVM)。
* [Ganache](https://truffleframework.com/ganache) - [🐙](https://github.com/trufflesuite/ganache) - 用於以太坊開發的個人區塊鏈。
* [drizzle](https://truffleframework.com/drizzle) - [🐙](https://github.com/trufflesuite/drizzle) - 一組前端庫，使編寫 dapp 用戶界面更容易和更可預測.

### Rails 監控堆棧 [↗](https://awesomestacks.dev/rails-monitoring-stack)

用於監控生產環境中的 Rails 應用程序的工具。

* [Skylight](https://www.skylight.io) - [🛠](https://stackshare.io/skylight) - Rails 應用程序的智能分析器。
* [New Relic](https://newrelic.com) - [🛠](https://stackshare.io/new-relic) - 適用於 Ruby、PHP、.Net、Java、Python 和 Node 的 SaaS 應用程序性能管理.js 應用程序。
* [rack-mini-profiler](https://github.com/MiniProfiler/rack-mini-profiler) - [🐙](https://github.com/MiniProfiler/rack-mini-profiler) - 適合您的分析器開發和生產 Ruby 機架應用程序。
* [Sqreen](https://www.sqreen.com/) - [🛠](https://stackshare.io/sqreen) - Ruby、PHP、Java、Go、Python 和 Node 的安全監控和保護。 js 應用程序。

### 通過細分的用戶行為分析 [↗](https://awesomestacks.dev/user-behavior-analytics-via-segment)

用於分析 Web 應用程序的用戶行為的託管工具。

* [Segment](https://segment.com) - [🛠️](https://stackshare.io/segment) - 一個集線器，只需輕按開關即可收集、翻譯和發送您的數據。
* [谷歌分析](https://marketingplatform.google.com/about/analytics/) - [🛠️](https://stackshare.io/google-analytics) - 企業級網絡分析。
* [Amplitude](https://amplitude.com) - [🛠️](https://stackshare.io/amplitude) - 用戶分析推動用戶爆炸性增長。
* [FullStory](https://www.fullstory.com/) - [🛠️](https://stackshare.io/fullstory) - 在一個功能強大且易於使用的平台中捕獲所有客戶體驗數據。

### 使用 Kafka、Spark 和 Cassandra 進行流式分析 [↗](https://awesomestacks.dev/streaming-analytics-with-kafka-spark-and-cassandra)

用於處理傳入事件的 Kafka-Spark-Cassandra 管道。

* [Kafka](http://kafka.apache.org/) - [🛠](https://stackshare.io/kafka) - [🐙](https://github.com/apache/kafka) - 分佈式，容錯，高吞吐量的發布-訂閱消息系統。
* [Apache Spark](https://spark.apache.org) - [🛠](https://stackshare.io/spark) - [🐙](https://github.com/apache/spark) - 快速和大規模數據處理的通用引擎。
* [Cassandra](http://cassandra.apache.org) - [🛠](https://stackshare.io/cassandra) - [🐙](https://github.com/apache/cassandra) - 高度-可擴展的分區行存儲。

＃＃＃＃＃ 資源

* [kafka-sparkstreaming-cassandra](https://github.com/Yannael/kafka-sparkstreaming-cassandra)
* [將 Lambda 架構與 Spark、Kafka 和 Cassandra 一起應用](https://www.pluralsight.com/courses/spark-kafka-cassandra-applying-lambda-architecture)
* [使用 Spark、Kafka、Cassandra 和 Akka 進行流式分析](https://databricks.com/session/streaming-analytics-with-spark-kafka-cassandra-and-akka)

### 自託管 Devops 和協作 [↗](https://awesomestacks.dev/self-hosted-devops-and-collaboration)

自託管的開源 devops 和協作工具，適用於企業。

* [GitLab](https://about.gitlab.com/) - [🛠](https://stackshare.io/gitlab) - [🐙](https://github.com/gitlabhq/gitlabhq) - 打開源自託管 Git 管理軟件。
* [Zulip](https://zulipchat.com) - [🛠](https://stackshare.io/zulip) - [🐙](https://github.com/zulip/zulip) - 強大的開源團隊聊天。
* [Hubot](https://hubot.github.com) - [🛠](https://stackshare.io/hubot) - [🐙](https://github.com/hubotio/hubot) - 可定制的生命電子機器人。
* [Sentry](https://sentry.io) - [🛠](https://stackshare.io/sentry) - [🐙](https://github.com/getsentry/sentry) - 跨平台應用監控，重點是錯誤報告。
* [Taiga.io](https://taiga.io) - [🛠](https://stackshare.io/taiga) - [🐙](https://github.com/taigaio) - 項目管理網絡應用程序考慮到 Scrum。
* [元數據庫](https://www.metabase.com/) - [🛠](https://stackshare.io/metabase) - [🐙](https://github.com/metabase/metabase) - 一個開源商業智能工具。

### 生產就緒 Django + Docker [↗](https://awesomestacks.dev/production-ready-django-docker)

前沿 Django 模板專注於代碼質量和安全性。

構建、測試和部署管道是默認配置的。

* [Python 3](https://www.python.org/) - [🛠](https://stackshare.io/python) - [🐙](https://github.com/python/cpython) -一種可讓您快速工作的編程語言。
* [Django](https://www.djangoproject.com/) - [🛠](https://stackshare.io/django) - [🐙](https://github.com/django/django) - The具有截止日期的完美主義者的 Web 框架。
* [Docker](https://www.docker.com/) - [🛠](https://stackshare.io/docker) - [🐙](https://github.com/docker/docker) - A用於在容器內創建、部署和運行應用程序的工具。
* [GitLab](https://about.gitlab.com/) - [🛠](https://stackshare.io/gitlab) - [🐙](https://github.com/gitlabhq/gitlabhq) - 打開源自託管 Git 管理軟件。
* [Caddy](https://caddyserver.com/) - [🛠](https://stackshare.io/caddy) - [🐙](https://github.com/mholt/caddy) - HTTP/ 2 具有自動 HTTPS 的 Web 服務器。

＃＃＃＃＃ 資源

* [wemake-django-template](https://github.com/wemake-services/wemake-django-template)

### RESTful API 與 Java 和 Spring Boot [↗](https://awesomestacks.dev/res-tful-api-with-java-and-spring-boot)

構建一個簡單而健壯的 RESTful API。

* [Spring Boot](https://spring.io/projects/spring-boot) - [🛠](https://stackshare.io/spring-boot) - \[🐙]\(<https://github.com/> spring-projects/spring-boot) - Spring Boot 可以輕鬆創建獨立的、生產級的基於 Spring 的應用程序，您可以“直接運行”。
* [Gradle](https://gradle.org/) - [🛠️](https://stackshare.io/gradle) - [🐙](https://github.com/gradle/gradle)- 構建工具專注於構建自動化和對多語言開發的支持。
* [Java](https://docs.oracle.com/javase/specs/index.html) - [🛠️](https://stackshare.io/java) - Java 是面向對象的，也是最常見的一種世界上使用過的編程語言。

＃＃＃＃ 資源

* [使用 Spring Boot 構建應用程序](https://spring.io/guides/gs/spring-boot/)

＃＃ 移動的

### React Native 與 Expo 和 Hasura [↗](https://awesomestacks.dev/react-native-with-expo-and-hasura)

Hasura 是一個開源 GraphQL 引擎，可在任何 Postgres 數據庫上部署即時、實時的 GraphQL API。這個 React Native 堆棧使用託管在 Digital Ocean 上的 Hasura 液滴。

* [Hasura](https://hasura.io/) - [🛠️](https://stackshare.io/hasura) - [🐙](https://github.com/hasura/graphql-engine) - 熾熱Postgres 上快速、即時的實時 GraphQL API，具有細粒度的訪問控制。
* [React Native](https://facebook.github.io/react-native/) - [🛠️](https://stackshare.io/react-native) - \[🐙]\(<https://github.com> /facebook/react-native) - 使用 JavaScript 和 React 構建原生移動應用程序。
* [Expo](https://expo.io/) - [🛠️](https://stackshare.io/expo) - [🐙](https://github.com/expo/expo) - 構建、部署，並從同一個 JavaScript 代碼庫快速迭代原生 iOS 和 Android 應用程序。
* [數字海洋](https://www.digitalocean.com/) - [🛠️](https://stackshare.io/digitalocean) - [🐙](https://github.com/digitalocean/) - 部署不到 55 秒的 SSD 雲服務器，具有專用 IP 和 root 訪問權限。
* [Auth0](https://auth0.com/) - [🛠️](https://stackshare.io/auth0) - 適用於 Web、移動和舊版應用程序的通用身份驗證和授權平台。

＃＃＃＃＃ 資源

* \[Udemy 課程：學習最新最簡單的 React Native Stack]\(<https://www.udemy.com/course/how-to-make-a-full-stack-react-native-app-with-easy-backend> /?referralCode=E944B7F521E0A6B88CD2)
* [教程：全棧 React Native 與 GraphQL 和身份驗證](https://blog.hasura.io/tutorial-fullstack-react-native-with-graphql-and-authentication-18183d13373a/)
* [指南：DigitalOcean Marketplace 上的 Hasura GraphQL 引擎一鍵應用](https://docs.hasura.io/1.0/graphql/manual/guides/deployment/digital-ocean-one-click.html)

### Unity 遊戲開發樣板 [↗](https://awesomestacks.dev/unity-Game-Development-boilerplate)

Unity 是一個連接到 Plastic SCM 的遊戲引擎，以保持版本控制和大型資產以及龐大的 repo 管理的清潔和無摩擦。

* [Unity](https://unity.com/) - [🛠](https://stackshare.io/unity-3d) - [🐙](https://github.com/Unity-Technologies/UnityCsReference) - Unity 引擎和編輯器源代碼的 C# 部分。僅供參考。
* [塑料單片機](https://www.plasticscm.com/) - [🛠️](https://stackshare.io/plastic-scm) - \[🐙]\(<https://github.com/PlasticSCM/plastic> -docker) - PlasticSCM Docker 映像。
* [TeamCity](https://www.jetbrains.com/teamcity/) - [🛠](https://stackshare.io/teamcity) - 來自 JetBrains 的基於 Java 的構建管理和持續集成服務器。

＃＃＃＃＃ 資源

* [在 Unity 中使用 Plastic SCM 的第一步](https://www.youtube.com/playlist?list=PL29P1RRr5_NzEhAustJCTwdahs60JvcMm)
* [遊戲用塑料單片機](https://www.plasticscm.com/games)

### 使用 GitHub、Jira 和 Jenkins 實現工作流自動化 [↗](https://awesomestacks.dev/workflow-automation-with-git-hub-jira-and-jenkins)

使用 GitHub、Jira 和 Jenkins 提高您的工作效率。

* [Jenkins](https://jenkins.io/) - [🛠️](https://stackshare.io/jenkins) - [🐙](https://github.com/jenkinsci/jenkins) - 開源自動化CI/CD 的服務器。
* [GitHub](https://github.com/) - [🛠](https://stackshare.io/github) - 保存您的代碼並向世界開放的站點。
* [Jira](https://es.atlassian.com/software/jira) - [🛠️](https://stackshare.io/jira) - 敏捷軟件開發。
* [Slack](https://slack.com) - [🛠️](https://stackshare.io/slack) - 工作流程。

＃＃＃＃＃ 資源

* \[在您的工作流程中集成 Jira、GitHub、Jenkins 和 Slack]\(<https://support.acquia.com/hc/en-us/articles/360005167214-Integrating-JIRA-GitHub-Jenkins-and-Slack-in-你的工作流程）>

## 貢獻

有關如何貢獻堆棧和工具的信息和指南，請參閱 [CONTRIBUTING.md](https://github.com/tentenco/awesome/blob/main/devops/awesome-stacks/CONTRIBUTING.md)。

＃＃ 執照

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)

在法律可能的範圍內，[StackShare](https://stackshare.io) 已放棄本作品的所有版權和相關或鄰近權利 [README](/awesome/readme.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.tenten.co/awesome/devops/awesome-stacks.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.