Home Blog Resources

Awesome Stack

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

＃＃ 內容

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

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

有一個你認為是構建東西的好方法的堆棧嗎？請編輯此文件並添加它！查看 CONTRIBUTING.md 了解更多信息。

瀏覽堆棧

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

＃＃＃＃ 傳奇

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

＃＃ 前端

React Next Boilerplate ↗

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

  • Next.js - 🛠 - [🐙](https://github.com/zeit/next. js) - 用於服務器渲染、靜態網站、PWA 的 React 框架。

  • React 測試庫 - 🛠 - [🐙] (https://github.com/testing-library/react-testing-library) - react-testing-library 是技術堆棧測試框架類別中的一個工具。

  • 情感 - 🛠 - 🐙 - CSS -in-JS 庫，專為高性能風格組合而設計。

  • I18next - 🐙 - I18next 是一個用 JavaScript 編寫的國際化框架。但遠不止於此。

  • Redux Saga - 🐙 - 是一個旨在使應用程序端的庫效果（即數據獲取等異步操作和訪問瀏覽器緩存等不純操作）更易於管理、執行效率更高、易於測試並且更擅長處理故障。

＃＃＃＃＃ 資源

React 入門套件 ↗

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

  • React - 🛠 - 🐙 - React 組件可以用於客戶端和服務器端。

  • Webpack - 🛠️ - 🐙 - A現代 JavaScript 應用程序的靜態模塊捆綁器。

  • GraphQL - 🛠 - 🐙 - A API 的查詢語言和使用現有數據完成這些查詢的運行時。

  • Babel - 🛠️ - 🐙 - JavaScript 編譯器; 今天就使用下一代 JavaScript。

  • Express - 🛠️ - 🐙 - 最小且靈活的 Node.js Web 應用程序框架。

  • Node.js - 🛠️ - 🐙 - A基於 Chrome 的 V8 JavaScript 引擎構建的 JavaScript 運行時。

＃＃＃＃＃ 資源

React Firebase 啟動器 ↗

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

  • Firebase - 🛠️ - 雲託管的 NoSQL 數據庫，可讓您在真實用戶之間存儲和同步數據-時間。

  • 創建 React 應用程序 - 🛠 - [🐙](https: //github.com/facebook/create-react-app) - 通過運行一個命令來設置現代 Web 應用程序。

  • 材質 UI - 🛠️ - [🐙](https://github.com/mui-org /material-ui) - 實現 Google 的 Material Design 的 React 組件。

  • 中繼 - 🛠️ - 🐙 - 用於構建數據驅動的 React 應用程序的 JavaScript 框架。

  • GraphQL - 🛠 - 🐙 - A API 的查詢語言和使用現有數據完成這些查詢的運行時。

＃＃＃＃＃ 資源

vue-starter ↗

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

＃＃＃＃＃ 資源

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 的擴展，添加了嵌套規則、變量、mixin、選擇器繼承等。使用命令行工具或網絡框架插件將其轉換為格式良好的標準 CSS。

＃＃＃＃＃ 資源

帶有 Gatsby 的漸進式 Web 應用程序 ↗

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

  • 蓋茨比 - 🛠 - 🐙 - 蓋茨比是一個用於 React 的快速現代站點生成器。

  • Cloud Firestore - 🛠️ - 一個公開事件監聽器的 noSQL 雲數據庫 -時間更新。

  • Netlify - 🛠️ - Netlify 是一個全球 CDN，只需單擊幾下即可實現持續部署。

  • 樣式化組件 - 🛠 - [🐙](https://github.com/styled -components/styled-components) - 一個特定於 react 的 css-in-js 解決方案。

  • 內容 - 🛠 - 🐙 - 內容是一個靈活且面向未來的內容平台，可幫助編輯人員管理和開發人員將內容提供到移動或 Web 應用程序中。最後但並非最不重要的一點是，與蓋茨比一起工作時的動力。

＃＃＃＃＃ 資源

Victor Hugo 樣板文件 ↗

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

＃＃＃＃＃ 資源

Nuxt，TypeScript + Docker ↗

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

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

  • Nuxt - 🛠 - 🐙 - Vue .js 元框架可快速創建複雜、快速和通用的 Web 應用程序。

  • TypeScript - 🛠️ - 🐙 - A JavaScript 的類型化超集，可編譯為純 JavaScript。

  • Sass - 🛠️ - 🐙 - Sass 是CSS3 的擴展，添加了嵌套規則、變量、mixin、選擇器繼承等。使用命令行工具或網絡框架插件將其轉換為格式良好的標準 CSS。

  • Jest - 🛠️ - 🐙 - 一個全面的，令人愉快的 JavaScript 測試解決方案。

  • eslint - 🛠️ - 🐙 - 可插入的 linting JavaScript 和 JSX 的實用程序。

  • stylelint - 🛠️ - 🐙 - 強大的，現代 linter 可幫助您避免錯誤並在樣式中強制執行約定。

  • Docker - 🛠 - 🐙 一個工具在容器內創建、部署和運行應用程序。

＃＃＃＃＃ 資源

Nextjs 博客啟動器 ↗

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

  • Next.js - 🛠 - [🐙](https://github.com/zeit/next. js) - 用於服務器渲染、靜態網站、PWA 的 React 框架。

  • React - 🛠 - 🐙 - React 組件可以用於客戶端和服務器端。

  • TypeScript - 🛠️ - 🐙 - A JavaScript 的類型化超集，可編譯為純 JavaScript。

  • eslint - 🛠️ - 🐙 - 可插入的 linting JavaScript 和 JSX 的實用程序。

  • Babel - 🛠️ - 🐙 - JavaScript 編譯器; 今天就使用下一代 JavaScript。

  • PostCSS - 🛠 - 🐙 - 一個工具用 JavaScript 轉換 CSS。

  • Netlify - 🛠️ - Netlify 是一個全球 CDN，只需單擊幾下即可實現持續部署。

＃＃＃＃＃ 資源

＃＃ 全棧

GraphCMS React + Apollo ↗

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

  • GraphCMS - 🛠️ - GraphCMS 為您的應用程序提供後端，為您提供管理內容的工具。

  • 創建 React 應用程序 - 🛠 - [🐙](https: //github.com/facebook/create-react-app) - 通過運行一個命令來設置現代 Web 應用程序。

  • Apollo - 🛠️ - 🐙 - Apollo Client 是使用 GraphQL 構建客戶端應用程序的最佳方式。

＃＃＃＃＃ 資源

Strapi CMS 與 Gatsby ↗

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

  • Strapi CMS - 🐙 - Strapi 是 Headless CMS 開發人員所喜愛的。

  • 蓋茨比 - 🛠 - 🐙 - 蓋茨比是一個用於 React 的快速現代站點生成器。

  • Heroku - 🛠️ - Heroku 是一個用於部署應用程序的強大平台。

＃＃＃＃＃ 資源

Algolia 網站搜索 ↗

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

  • Algolia - 🛠 - 託管搜索 API，最多釋放 10,000 條記錄。

  • DocSearch - 🐙 - 抓取網站並將其上傳到索引。

  • gatsby-plugin-algolia - 🐙 -使用 GraphQL 指定 Gatsby 對像以使用 Algolia (beta) 進行索引。

  • hugo-algolia - 🐙 - 從 Hugo 靜態站點生成和發送索引與阿爾戈利亞一起使用。

  • instantsearch.js - [🐙](https://github.com/algolia /instantsearch.js) - 用於構建高性能和即時搜索體驗的 JavaScript 庫。

＃＃＃＃＃ 資源

MEVN：Mongo Express Vue 節點 ↗

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

＃＃＃＃＃ 資源

堅如磐石的現代 Rails ↗

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

  • Rails - 🛠 - 🐙 - 一個成熟的網絡應用程序框架，專注於簡單性和生產力。

  • React - 🛠 - 🐙 - React 組件可以用於客戶端和服務器端。

  • GraphQL Ruby - 🛠 - [🐙](https://github.com/rmosolgo/graphql -ruby) - GraphQL 規範的 Ruby 服務器實現。

  • Apollo 客戶端 - 🛠 - 🐙 - 一個強大的可擴展 GraphQL JavaScript 客戶端。

  • Heroku - 🛠️ 具有無縫 Ruby/Rails 支持的開發人員友好的 Web 應用基礎設施提供商。

＃＃＃＃＃ 資源

在 AWS 上使用 React 的無服務器堆棧 ↗

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

＃＃＃＃＃ 資源

Electron React 樣板 ↗

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

  • Electron - 🛠️ - 🐙 - 構建使用 JavaScript、HTML 和 CSS 的跨平台桌面應用程序。

  • React - 🛠 - 🐙 - React 組件可以用於客戶端和服務器端。

  • Redux - 🛠 - 🐙 - 可預測JavaScript 應用程序的狀態容器。

  • electron-builder - 🐙 - 一個完整的解決方案，用於打包和構建一個準備分發開箱即用的具有“自動更新”支持的電子應用程序。

＃＃＃＃＃ 資源

Vue 與 Electron ↗

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

  • Electron - 🛠️ - 🐙 - 構建使用 JavaScript、HTML 和 CSS 的跨平台桌面應用程序。

  • Vue.js - 🛠️ - 🐙 - 一個平易近人的核心庫，只關注視圖層。

  • Vuex - 🛠 - 🐙 - 可預測JavaScript 應用程序的狀態容器。

  • Vue Router - 🐙 - Vue Router 是 Vue.js 的官方路由器。

  • Vue CLI - 🐙 - 一個只關注視圖層的平易近人的核心庫。

  • electron-builder - 🐙 - 一個完整的解決方案，用於打包和構建一個準備分發開箱即用的具有“自動更新”支持的電子應用程序。

＃＃＃＃＃ 資源

代碼覆蓋率和 CI ↗

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

  • CircleCI - 🛠 - 流行的託管 CI 服務器。

  • Codecov - 🛠️ - 託管覆蓋報告，具有很棒的功能，可增強您的 CI 工作流程。

  • Bash - 🛠 - Bourne Again SHell 是一個與 sh 兼容的 shell。

  • GitHub - 🛠 - 用於開源和私人開發項目的強大協作、審查和代碼管理。

＃＃＃＃＃ 資源

Vue SPA 與 Laravel ↗

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

  • PHP 7 - 🛠 - 🐙 - A流行的通用腳本語言，特別適合 Web 開發。

  • Laravel - 🛠 - 🐙 - 其中之一最流行的面向對象 MVC PHP 框架，具有優雅的語法和黃金標準軟件模式。

  • Vue.js - 🛠️ - 🐙 - 一個平易近人的核心庫，只關注視圖層。

  • Laravel Mix - 🐙 - 構建在 webpack 之上的構建工具，用於輕鬆編譯任何前端資產。（秘密：使用或不使用 Laravel 均可）

  • Babel - 🛠️ - 🐙 - 編寫編譯器下一代 JavaScript；Babel 會將您的 ES6+ 代碼轉換為 ES5 友好代碼，因此您可以立即開始使用它，而無需等待瀏覽器支持。

  • Sass - 🛠️ - 🐙 - Sass 是CSS3 的擴展，添加了嵌套規則、變量、mixin、選擇器繼承等。使用命令行工具或網絡框架插件將其轉換為格式良好的標準 CSS。

＃＃＃＃＃ 資源

FReMP：Flask ReactJS MongoDB Python ↗

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

＃＃＃＃＃ 資源

後端

GCP Kubernetes 堆棧 ↗

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

  • GKE - 🛠 - 由 Google 管理的 Kubernetes 集群。

  • Kubernetes - 🐙 - 🛠 - 生產級容器調度和管理。

  • Docker - 🛠 - 🐙 - A用於在容器內創建、部署和運行應用程序的工具。

  • Stackdriver - 🛠️ - Stackdriver Logging 允許您存儲、搜索、分析、監控和提醒記錄數據和事件。

以太坊 DApp ↗

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

  • Solidity - 🐙 - Solidity 是一種面向對象的高級語言，用於實現智能合約。

  • web3.js - 🐙 - 以太坊 JavaScript API。

  • Truffle - 🐙 - 使用以太坊虛擬的區塊鏈的世界級開發環境、測試框架和資產管道機器 (EVM)。

  • Ganache - 🐙 - 用於以太坊開發的個人區塊鏈。

  • drizzle - 🐙 - 一組前端庫，使編寫 dapp 用戶界面更容易和更可預測.

Rails 監控堆棧 ↗

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

  • Skylight - 🛠 - Rails 應用程序的智能分析器。

  • New Relic - 🛠 - 適用於 Ruby、PHP、.Net、Java、Python 和 Node 的 SaaS 應用程序性能管理.js 應用程序。

  • rack-mini-profiler - 🐙 - 適合您的分析器開發和生產 Ruby 機架應用程序。

  • Sqreen - 🛠 - Ruby、PHP、Java、Go、Python 和 Node 的安全監控和保護。 js 應用程序。

通過細分的用戶行為分析 ↗

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

使用 Kafka、Spark 和 Cassandra 進行流式分析 ↗

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

＃＃＃＃＃ 資源

自託管 Devops 和協作 ↗

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

生產就緒 Django + Docker ↗

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

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

  • Python 3 - 🛠 - 🐙 -一種可讓您快速工作的編程語言。

  • Django - 🛠 - 🐙 - The具有截止日期的完美主義者的 Web 框架。

  • Docker - 🛠 - 🐙 - A用於在容器內創建、部署和運行應用程序的工具。

  • GitLab - 🛠 - 🐙 - 打開源自託管 Git 管理軟件。

  • Caddy - 🛠 - 🐙 - HTTP/ 2 具有自動 HTTPS 的 Web 服務器。

＃＃＃＃＃ 資源

RESTful API 與 Java 和 Spring Boot ↗

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

  • Spring Boot - 🛠 - [🐙](https://github.com/ spring-projects/spring-boot) - Spring Boot 可以輕鬆創建獨立的、生產級的基於 Spring 的應用程序，您可以“直接運行”。

  • Gradle - 🛠️ - 🐙- 構建工具專注於構建自動化和對多語言開發的支持。

  • Java - 🛠️ - Java 是面向對象的，也是最常見的一種世界上使用過的編程語言。

＃＃＃＃ 資源

＃＃ 移動的

React Native 與 Expo 和 Hasura ↗

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

  • Hasura - 🛠️ - 🐙 - 熾熱Postgres 上快速、即時的實時 GraphQL API，具有細粒度的訪問控制。

  • React Native - 🛠️ - [🐙](https://github.com /facebook/react-native) - 使用 JavaScript 和 React 構建原生移動應用程序。

  • Expo - 🛠️ - 🐙 - 構建、部署，並從同一個 JavaScript 代碼庫快速迭代原生 iOS 和 Android 應用程序。

  • 數字海洋 - 🛠️ - 🐙 - 部署不到 55 秒的 SSD 雲服務器，具有專用 IP 和 root 訪問權限。

  • Auth0 - 🛠️ - 適用於 Web、移動和舊版應用程序的通用身份驗證和授權平台。

＃＃＃＃＃ 資源

Unity 遊戲開發樣板 ↗

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

  • Unity - 🛠 - 🐙 - Unity 引擎和編輯器源代碼的 C# 部分。僅供參考。

  • 塑料單片機 - 🛠️ - [🐙](https://github.com/PlasticSCM/plastic -docker) - PlasticSCM Docker 映像。

  • TeamCity - 🛠 - 來自 JetBrains 的基於 Java 的構建管理和持續集成服務器。

＃＃＃＃＃ 資源

使用 GitHub、Jira 和 Jenkins 實現工作流自動化 ↗

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

＃＃＃＃＃ 資源

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

貢獻

有關如何貢獻堆棧和工具的信息和指南，請參閱 CONTRIBUTING.md。

＃＃ 執照

在法律可能的範圍內，StackShare 已放棄本作品的所有版權和相關或鄰近權利 README

PreviousREADME-enNextAwesome Stacks

Last updated