├── .vscode └── settings.json ├── LICENSE └── README.md /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "workbench.colorCustomizations": { 3 | "activityBar.activeBackground": "#005a5a", 4 | "activityBar.background": "#005a5a", 5 | "activityBar.foreground": "#e7e7e7", 6 | "activityBar.inactiveForeground": "#e7e7e799", 7 | "activityBarBadge.background": "#400040", 8 | "activityBarBadge.foreground": "#e7e7e7", 9 | "commandCenter.border": "#e7e7e799", 10 | "sash.hoverBorder": "#005a5a", 11 | "statusBar.background": "#002727", 12 | "statusBar.foreground": "#e7e7e7", 13 | "statusBarItem.hoverBackground": "#005a5a", 14 | "statusBarItem.remoteBackground": "#002727", 15 | "statusBarItem.remoteForeground": "#e7e7e7", 16 | "titleBar.activeBackground": "#002727", 17 | "titleBar.activeForeground": "#e7e7e7", 18 | "titleBar.inactiveBackground": "#00272799", 19 | "titleBar.inactiveForeground": "#e7e7e799" 20 | }, 21 | "peacock.color": "#002727" 22 | } 23 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | This is free and unencumbered software released into the public domain. 2 | 3 | Anyone is free to copy, modify, publish, use, compile, sell, or 4 | distribute this software, either in source code form or as a compiled 5 | binary, for any purpose, commercial or non-commercial, and by any 6 | means. 7 | 8 | In jurisdictions that recognize copyright laws, the author or authors 9 | of this software dedicate any and all copyright interest in the 10 | software to the public domain. We make this dedication for the benefit 11 | of the public at large and to the detriment of our heirs and 12 | successors. We intend this dedication to be an overt act of 13 | relinquishment in perpetuity of all present and future rights to this 14 | software under copyright law. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR 20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, 21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | 24 | For more information, please refer to 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 🐶 Dogokit Stack All 2 | 3 | This is both technical and non-technical stack. The opiniated stack list to manage and build modern apps with web technologies. Which could also help to setup a new team or company tools. For the much simpler version, see Stack. Which the list items might be updated more often. 4 | 5 | ## Table of Contents 6 | 7 | - [Dogokit Stack All](#dogokit-stack-all) 8 | - [Table of Contents](#table-of-contents) 9 | - [Preferences](#preferences) 10 | - [Quick version](#quick-version) 11 | - [Short version](#short-version) 12 | - [Complete version](#complete-version) 13 | - [Names](#names) 14 | - [Notes](#notes) 15 | - [Legend](#legend) 16 | - [References](#references) 17 | - [Concepts](#concepts) 18 | - [References](#references-1) 19 | - [Stages](#stages) 20 | - [Stage 0 → Setup 💻](#stage-0--setup-) 21 | - [Stage 1 → Design 🎨](#stage-1--design-) 22 | - [Stage 2 → Configuration ⚙️](#stage-2--configuration-️) 23 | - [Stage 3 → Frontend interface ⚛️](#stage-3--frontend-interface-️) 24 | - [Stage 4 → Frontend Interaction ⚡](#stage-4--frontend-interaction-) 25 | - [Stage 5 → Database and Service 💿](#stage-5--database-and-service-) 26 | - [Stage 6 → Payment 💰](#stage-6--payment-) 27 | - [Stage 7 → API 🧩](#stage-7--api-) 28 | - [Stage 8 → Testing 🧪](#stage-8--testing-) 29 | - [Stage 9 → Automation and Extra ✨](#stage-9--automation-and-extra-) 30 | - [Work/Management Stack](#workmanagement-stack) 31 | - [Browser](#browser) 32 | - [Search Engine](#search-engine) 33 | - [Utility](#utility) 34 | - [Multimedia](#multimedia) 35 | - [Communication](#communication) 36 | - [External text](#external-text) 37 | - [External video](#external-video) 38 | - [Internal text](#internal-text) 39 | - [Internal video](#internal-video) 40 | - [Knowledge base](#knowledge-base) 41 | - [General management](#general-management) 42 | - [Engineering management](#engineering-management) 43 | - [Calendar and scheduling](#calendar-and-scheduling) 44 | - [Community and social media](#community-and-social-media) 45 | - [Jobs](#jobs) 46 | - [General / Full Stack / Frontend \& Backend](#general--full-stack--frontend--backend) 47 | - [Terminal, shell, prompt](#terminal-shell-prompt) 48 | - [Code management, version control, auto-merge](#code-management-version-control-auto-merge) 49 | - [Code editor](#code-editor) 50 | - [Languages, platforms, runtimes](#languages-platforms-runtimes) 51 | - [Configuration, formatter, linter](#configuration-formatter-linter) 52 | - [Generic library for utility](#generic-library-for-utility) 53 | - [slug](#slug) 54 | - [Frontend Stack](#frontend-stack) 55 | - [UI, UX, and graphic design](#ui-ux-and-graphic-design) 56 | - [Asset colors](#asset-colors) 57 | - [Asset design, diagram, flowchart](#asset-design-diagram-flowchart) 58 | - [Frontend/web app framework](#frontendweb-app-framework) 59 | - [Frontend routing](#frontend-routing) 60 | - [Module bundler, transpiler, minifier, mangler, compressor](#module-bundler-transpiler-minifier-mangler-compressor) 61 | - [Full-stack web app framework](#full-stack-web-app-framework) 62 | - [Styling and design system](#styling-and-design-system) 63 | - [Styling preferences](#styling-preferences) 64 | - [Pure styling options](#pure-styling-options) 65 | - [Variant components](#variant-components) 66 | - [Behavioral components](#behavioral-components) 67 | - [Styled components](#styled-components) 68 | - [Misc](#misc) 69 | - [Data fetching](#data-fetching) 70 | - [Font hosting](#font-hosting) 71 | - [Frontend hosting](#frontend-hosting) 72 | - [Frontend tools](#frontend-tools) 73 | - [Frontend library](#frontend-library) 74 | - [Frontend state management](#frontend-state-management) 75 | - [Frontend assets](#frontend-assets) 76 | - [Backend Stack](#backend-stack) 77 | - [Platforms and runtimes](#platforms-and-runtimes) 78 | - [Backend/web server frameworks](#backendweb-server-frameworks) 79 | - [Web API](#web-api) 80 | - [Backend as a Service (BaaS) and CMS](#backend-as-a-service-baas-and-cms) 81 | - [All in One](#all-in-one) 82 | - [Simple Form](#simple-form) 83 | - [Backend with Auth](#backend-with-auth) 84 | - [Notification](#notification) 85 | - [CMS with Rich Text Editing](#cms-with-rich-text-editing) 86 | - [Internal Tool](#internal-tool) 87 | - [Database ORM](#database-orm) 88 | - [Database Management System (DBMS)](#database-management-system-dbms) 89 | - [Data Stream](#data-stream) 90 | - [Database Client](#database-client) 91 | - [Data Encryption](#data-encryption) 92 | - [Backend or Full Stack Hosting](#backend-or-full-stack-hosting) 93 | - [Backend library](#backend-library) 94 | - [Backend storage for static assets](#backend-storage-for-static-assets) 95 | - [Backend service](#backend-service) 96 | - [Test](#test) 97 | - [General](#general) 98 | - [Unit and Functional](#unit-and-functional) 99 | - [Functional](#functional) 100 | - [End to End](#end-to-end) 101 | - [Utility](#utility-1) 102 | - [Services](#services) 103 | - [Network](#network) 104 | - [Payment and finance 💰](#payment-and-finance-) 105 | - [Payment revenue and subscription analysis](#payment-revenue-and-subscription-analysis) 106 | - [Business management](#business-management) 107 | - [Accounting and Invoice](#accounting-and-invoice) 108 | - [Blog](#blog) 109 | - [Hiring](#hiring) 110 | - [URL shortener](#url-shortener) 111 | - [CRM and chat support](#crm-and-chat-support) 112 | - [Web and product analytics](#web-and-product-analytics) 113 | - [Internationalization](#internationalization) 114 | - [Feature toggle](#feature-toggle) 115 | - [Monitoring, logging, error tracking, and replayer](#monitoring-logging-error-tracking-and-replayer) 116 | - [Profiler and session replay](#profiler-and-session-replay) 117 | - [Uptime monitoring and incident response:](#uptime-monitoring-and-incident-response) 118 | - [Infrastructure monitoring](#infrastructure-monitoring) 119 | - [Log management and analysis:](#log-management-and-analysis) 120 | - [Marketing and newsletter email](#marketing-and-newsletter-email) 121 | - [Transactional email](#transactional-email) 122 | - [Containerization](#containerization) 123 | - [CI/CD](#cicd) 124 | - [Dependency management](#dependency-management) 125 | - [Community network](#community-network) 126 | - [Image editing](#image-editing) 127 | - [Video editing and sharing](#video-editing-and-sharing) 128 | - [Audio editing and sharing](#audio-editing-and-sharing) 129 | - [Shipping](#shipping) 130 | - [References](#references-2) 131 | - [General](#general-1) 132 | - [Remix](#remix) 133 | - [GraphQL](#graphql) 134 | - [Security](#security) 135 | - [Boilerplate](#boilerplate) 136 | - [Workflow](#workflow) 137 | - [Backlog](#backlog) 138 | - [Company](#company) 139 | - [Other stacks to evaluate](#other-stacks-to-evaluate) 140 | - [Related](#related) 141 | - [Legacy versions](#legacy-versions) 142 | 143 | ## Preferences 144 | 145 | ### Quick version 146 | 147 | TypeScript (HTML+CSS+JavaScript+Node.js included), React, Remix, Tailwind CSS, Ariakit, Prisma ORM, MySQL on PlanetScale, GraphQL, GraphQL Yoga, Pothos Schema, Vercel, Railway.app 148 | 149 | ### Short version 150 | 151 | HTML, CSS, Tailwind CSS, JavaScript, TypeScript, Node.js, npm, React, Remix, Next.js, Ariakit, cva, Prisma ORM, MySQL on PlanetScale, PostgreSQL on Supabase/Neon, Vitest, Playwright, MSW, GraphQL, Express, NestJS, GraphQL Yoga, Pothos Schema, Vercel, Railway.app, Mailjet/Postmark, Google Cloud Platform (GCP). 152 | 153 | ### Complete version 154 | 155 | - JavaScript and TypeScript for programming language 156 | - Node.js for runtime & npm for package manager 157 | - Golang and Rust ecosystem as altenatives 158 | - HTML for markup language and content structure 159 | - CSS for styling language 160 | - Tailwind CSS for utility classes 161 | - cva (Class Variance Authority) for component variants 162 | - React for frontend library and UI components 163 | - Ariakit, Headless UI, Radix UI for stylable accessible components 164 | - Remix for full stack web framework 165 | - Remix Router for routing 166 | - Remix Forms for full-stack form library 167 | - Next.js for alternative web framework 168 | - Next Router for routing 169 | - Vite for client-side only starter and bundler 170 | - Turbopack or esbuild for bundler 171 | - swc for transpiler 172 | - Authentication and authorization with 173 | - Cookie-based sessions 174 | - Email/Password 175 | - GitHub 176 | - Express or NestJS for backend framework 177 | - GraphQL for data query and manipulation language 178 | - GraphQL Yoga and Envelop for the server and plugin system 179 | - REST API for other web APIs 180 | - MySQL for relational database on PlanetScale 181 | - Prisma for database ORM 182 | - Pothos for GraphQL schema builder 183 | - MySQL or PostgreSQL for RDBMS 184 | - Vitest and Testing Library for unit and integration testing 185 | - Playwright for functional or e2e testing 186 | - MSW for local third party API request mocking 187 | - EditorConfig, Prettier, ESLint, stylelint, ls-lint, commitlint, lint-staged — for code formatting, linting, static testing 188 | - Git and GitHub for version control, collaboration, and deployment 189 | - Circle CI or GitHub Actions for CI/CD 190 | - Vercel for frontend deployment 191 | - Railway.app for backend or full stack deployment 192 | - ImageKit and Mux for multimedia storage 193 | - Postmark or Mailjet for transactional email 194 | - Google Cloud Platform (GCP) for cloud infrastructure 195 | 196 | ## Names 197 | 198 | We called it the NORSE Stack. The main defaults in the NORSE Stack are: 199 | 200 | - **Node.js** and npm as the main platform and package manager 201 | - **ORM** (Object Relational Mapping), data modeling, and API layer with Prisma and Pothos GraphQL 202 | - **Remix** (React/Vue/Svelte) or Next.js (React) as the full stack layer 203 | - **SQL** (Structured Query Language) DBMS (Database Management System) with MySQL or PostgreSQL. 204 | - **Ecosystem** of libraries and frameworks from the JavaScript and TypeScript community such as Tailwind CSS, Ariakit, etc 205 | 206 | ![](https://slabstatic.com/prod/uploads/36vdh1kv/posts/images/DWFLbJR_4QWIJYqW3ZKrHvpb.png) 207 | 208 | Business-related: 209 | 210 | - Slab for note-taking, alternative to Notion and Confluence 211 | - Twist for communication 212 | - Linear for product and software development 213 | - Basecamp / Plutio / Bloom.io for project management 214 | - Outseta for payment management 215 | - Cushion for project balancing 216 | - Wave / Xero / QuickBooks for accounting 217 | 218 | ## Notes 219 | 220 | Keep in mind most the items listed are not used, but the loved ❤️ or most starred ⭐ might be used and recommended. More stars can be added like ⭐⭐⭐ to indicate the importance (0 to 5 stars) or even ❤️ to indicate the utmost priority. The non-starred are just for references, comparison, good alternative, if want to be changed to, waiting for rating, or not evaluated yet. 221 | 222 | All of these information also helps the whole team (or even yourself) to choose and change multiple options along the way. Outside of the **Stages** section, the links are annotated to the name of the item. 223 | 224 | ## Legend 225 | 226 | - ⭐ — Rating 227 | - ❤️ — Recommended 228 | 229 | --- 230 | 231 | # Concepts 232 | 233 | - Problem Solving 234 | - Critical Thinking 235 | - First Principles 236 | - Engineering 237 | - Computer Science (CS) 238 | - Software Engineering (SWE) 239 | - Software Architecture (SWA) 240 | - Software Infrastructure (SWI) 241 | - Database 242 | - Deployment 243 | - Containerization 244 | - Career 245 | 246 | ## References 247 | 248 | - [https://pll.harvard.edu/course/cs50-introduction-computer-science](https://pll.harvard.edu/course/cs50-introduction-computer-science?delta=0) 249 | 250 | --- 251 | 252 | # Stages 253 | 254 | Here is some quick overview of the preferred or recommended options. Because of the complexity, the setup can go through several stages based on the priorities. In here, there should be no link, annotations, or ratings. 255 | 256 | ## Stage 0 → Setup 💻 257 | 258 | Setup options: 259 | 260 | - Laptop 261 | - Apple → M1 Pro Macbook Pro 262 | - Linux → Thinkpad 263 | - Windows → Thinkpad 264 | - Operating System (OS) 265 | - macOS and iOS → Most reliable 266 | - Linux and Android → Most flexible 267 | - Windows → Most popular 268 | - Web Browser 269 | - Google Chrome → Most popular 270 | - Brave Browser → Most private 271 | - Microsoft Edge → Most performant 272 | - Mozilla Firefox → Most ethical 273 | - Mac-specific 274 | - Raycast → Command panel 275 | - Rectangle → Window manager 276 | - Maccy → Clipboard manager 277 | - Numi → Calculator 278 | - Owly → Prevent sleep 279 | - Macs Fan Control → Change fan speed 280 | - Hidden Bar / Vanilla → Hide menu bar items 281 | - iStat Menus → System status 282 | - KeyCastr → Show keystroke 283 | - Bitwarden + Authy → Credentials & 2FA 284 | - External communication 285 | - Gmail or Google Workspace → Email service by Google 286 | - aka Google Apps / Google App Suite 287 | - HEY → Email service by Basecamp 288 | - ImprovMX 289 | - Internal communication 290 | - Twist → Team chat 291 | - Email → Backup 292 | - External communication 293 | - Multi Purpose 294 | - Airtable → Multi purpose business-oriented database 295 | - Form → Collect submissions data 296 | - CRM (Customer Relationship Management) 297 | - HubSpot → Free CRM + Help Desk 298 | - Crisp → Paid CRM + Help Desk 299 | - Email Marketing 300 | - ConvertKit → Free newsletter emails 301 | - Bento → Paid all-in-one marketing automation platform 302 | - Community 303 | - Linen → Public chat forum 304 | - Discord → Casual chat 305 | - Slack → Casual chat 306 | - GitHub → Git hosting and collaboration 307 | - Refined GitHub → ? 308 | - DevHub → Desktop GitHub Notifications & Activities 309 | - Slab → Collaborative notes 310 | - Linear → Internal issue tracking 311 | - Productlane → User feedback and changelog for Linear 312 | - Clockify → Time tracking 313 | - Around → Video call 314 | - Community → YouTube, Twitter, Mastodon, Substack, Hashnode, DevTo, Makerlog, WIP, etc 315 | 316 | References: 317 | 318 | - [https://www.robinwieruch.de/mac-setup-web-development](https://www.robinwieruch.de/mac-setup-web-development/) 319 | - [https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c](https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c) 320 | 321 | ## Stage 1 → Design 🎨 322 | 323 | - Figma → UI/UX design tool 324 | - Figma Tokens → ? 325 | - Tailwind Color Palette → ? 326 | - Alphredo → Transparent/alpha colors generator 327 | - Eraser / Excalidraw → Quick diagram 328 | - Favicon.io → Favicon Generator 329 | - Shottr → Screenshot 330 | 331 | ## Stage 2 → Configuration ⚙️ 332 | 333 | - Terminal, shell, prompt 334 | - Alacritty → The fastest terminal app 335 | - Warp → The modern terminal app 336 | - zsh → Terminal shell 337 | - Starship.rs → Terminal prompt 338 | - Git → Version control 339 | - diff-so-fancy → 340 | - Conventional Commit → ? 341 | - Repository 342 | - Semantic Versioning (semver) → ? 343 | - Semantic Release (semantic-release) → Fully automated version management and package publishing 344 | - Contributor Covenant → ? 345 | - Release Please → ? 346 | - Package manager 347 | - Homebrew → macOS 348 | - apt → Ubuntu 349 | - asdf → Runtime manager 350 | - fnm → Fast Node Manager 351 | - Volta → JavaScript tool manager 352 | - Node.js → JavaScript runtime 353 | - npm → Node.js package manager 354 | - pnpm → npm alternative that is fast and disk space efficient 355 | - Openbase → compare open-source packages 356 | - TypeScript → Superset of JavaScript with type safety 357 | - VS Code → Code editor 358 | - EditorConfig → Common coding style 359 | - Prettier → Code formatter 360 | - ESLint → JavaScript linter 361 | - Stylelint → CSS linter 362 | - ls-lint → File name linter 363 | - commitlint → Commit message linter 364 | - lint-staged → Staged changes linter 365 | - Doppler → Universal Secrets Platform 366 | - Plop → File generator 367 | 368 | ## Stage 3 → Frontend interface ⚛️ 369 | 370 | - React → Frontend UI library 371 | - Remix → Full stack web framework on React/Vue 372 | - Next.js → Full stack web framework on React 373 | - Astro → Static site generator with React/Vue/Svelte/Solid 374 | - Tailwind CSS → Utility CSS framework 375 | - UI Colors → Generate color shades 376 | - cva → variant management 377 | - PostCSS → CSS transformer 378 | - Ariakit → Unstyled components 379 | - Headless UI → Unstyled, fully accessible UI components 380 | - Radix UI → Accessible UI component primitives 381 | - tailwindcss-radix 382 | - Icons 383 | - Phosphor Icons → Application icons 384 | - React Icons → All in one 385 | - Font Awesome → Social media icons 386 | - UI components 387 | - Markdoc → Markdown renderer 388 | - Prism.js + Prism React Renderer → Code syntax highlighting renderer 389 | - Shiki → Code syntax highlighting alternative 390 | - Monaco Editor → Code editor 391 | - State management 392 | - Jotai → 393 | - Zustand → ? 394 | - Nextra / Slate Docs → Documentation 395 | - Vercel → Deployment for speed 396 | - Axiom → Logging 397 | - Railway.app → Deployment for backup 398 | - Cloudflare / Google Domains → Domain and DNS 399 | - Dr. Link Check → Links check 400 | 401 | ## Stage 4 → Frontend Interaction ⚡ 402 | 403 | - Status monitoring 404 | - Pulsetic → ? 405 | - Better Uptime → ? 406 | - Instatus → ? 407 | - Form, input, text area 408 | - Remix Form → for Remix 409 | - React Hook Form → Complex client-side form library 410 | - tiny-invariant → provide descriptive errors in development but generic errors in production. 411 | - Tiptap / Typist / Lexical → Rich text editor 412 | - User and product analytics 413 | - Google Analytics 4 → Most popular analytics 414 | - Splitbee → Friendly analytics 415 | - Posthog → Product analytics 416 | - Pirsch → Beautiful analytics 417 | - Plausible → Powerful analytics 418 | - MixPanel → Simple analytics 419 | - App analytics and error reporting 420 | - Highlight / Sentry → App analytics and error tracking 421 | - LogRocket → ? 422 | - Metronome → Remix insights 423 | - Dependency monitoring 424 | - DepFu → Common 425 | - Snyk → Security 426 | - Feature toggle 427 | - Growthbook → Feature flagging and experimentation 428 | 429 | ## Stage 5 → Database and Service 💿 430 | 431 | - Prisma → ORM (Object Relational Mapper) 432 | - Argon2 / bcrypt 433 | - MySQL on PlanetScale → Relational database 434 | - PostgreSQL on Neon → Relational database 435 | - Dashibase → Quick dashboard 436 | - Snaplet → Development and backup 437 | - Arctype → SQL Client 438 | - X → Object storage 439 | - ImageKit → Image Storage 440 | - Mux → Video storage 441 | - Postmark → Transactional email 442 | - Mailjet → Transactional email 443 | - Basedash → Internal tooling 444 | 445 | ## Stage 6 → Payment 💰 446 | 447 | - Paddle → Payments infrastructure for Internatioanal 448 | - Lemon Squeezy 449 | - Midtrans → Payment gateway for Indonesia 450 | - PayPal → Alternative payment method 451 | - Gumroad → Backup 452 | 453 | ## Stage 7 → API 🧩 454 | 455 | - HTTPie & Hoppscotch → API client 456 | - GraphQL → Data query and manipulation language for API 457 | - Pothos GraphQL Schema → ? 458 | - Axios → REST API client 459 | - urql → GraphQL client 460 | - Payload CMS / GraphCMS → Content management system 461 | - GraphCDN → GraphQL CDN 462 | 463 | ## Stage 8 → Testing 🧪 464 | 465 | - Falso/Faker → Generate fake data 466 | - Vitest → ? 467 | - testing-library → ? 468 | - Playwright / Reflect.run → ? 469 | - Mock Service Worker (MSW) → ? 470 | 471 | ## Stage 9 → Automation and Extra ✨ 472 | 473 | - GitHub Actions → Build checks 474 | - Changeset 475 | - Codecov 476 | - CodeFactor → Code review 477 | - Docker → Container 478 | 479 | --- 480 | 481 | # Work/Management Stack 482 | 483 | ## Browser 484 | 485 | - Google Chrome —? 486 | - uBlock Origin —? 487 | - Bitwarden —? 488 | - Raindrop —Bookmark management 489 | - Brave Browser — ? 490 | - Microsoft Edge — ? 491 | - Mozilla Firefox — ? 492 | - [Min Browser](https://minbrowser.org) — A fast, minimal browser that protects your privacy 493 | - [WebCatalog](https://webcatalog.io/) — ? 494 | 495 | ## Search Engine 496 | 497 | - Google — ? 498 | - DuckDuckGo — ? 499 | - Bing — ? 500 | - Brave Search — ? 501 | 502 | ## Utility 503 | 504 | - Credentials 505 | - Bitwarden — ? 506 | - Authy — ? 507 | - Mac-related 508 | - Raycast — Blazingly fast, totally extendable launcher. It lets you complete tasks, calculate, share common links, and much more. 509 | - Maccy — macOS clipboard manager 510 | - Numi — Beautiful calculator app for Mac 511 | - Rectangle — Move and resize windows in macOS using keyboard shortcuts or snap areas 512 | - Owly — ? 513 | - Macs Fan Control— ? 514 | - iStat Menus — ? 515 | - KeyCastr — ? 516 | - Cursor Pro — ? 517 | - Writing 518 | - Grammarly — ? 519 | - [QuillBot AI](https://quillbot.com/) — Paraphrasing Tool 520 | 521 | ## Multimedia 522 | 523 | - VLC — ? 524 | - Calibre — ? 525 | 526 | ## Communication 527 | 528 | ### External text 529 | 530 | - Gmail / Google Account ❤️⭐⭐⭐ — Access to Google services 531 | - Google Calendar — ? 532 | - Google Drive — ? 533 | - YouTube — ? 534 | - HEY Email ❤️⭐⭐⭐⭐⭐ — ? 535 | - [Hey Email + Google Calendar](https://merecivilian.com/heyhey/) 536 | - ProtonMail ⭐⭐ — ? 537 | - Superhuman ⭐⭐⭐ — The Fastest Email Experience Ever Made 538 | 539 | ### External video 540 | 541 | - StreamYard — ? 542 | - [Restream](https://restream.io/) — Create and Multistream Live Video 543 | - [Riverside](https://riverside.fm/) — ? 544 | - [Melon](https://melonapp.com/) — Login & Start Streaming 545 | 546 | ### Internal text 547 | 548 | - Twist ❤️⭐⭐⭐⭐⭐ — ? 549 | - Slack — ? 550 | 551 | ### Internal video 552 | 553 | - Around.co — Video calls loved by extraordinary teams 554 | - Zoom.us — ? 555 | - Claap — Record quick videos of your screen, get contextual feedback, and make decisions. The modern way to align hybrid teams. Less Meeting. More doing. 556 | 557 | ## Knowledge base 558 | 559 | - Slab ❤️⭐⭐⭐ — for primary team knowledge base 560 | - Outline ⭐⭐ — Team knowledge base & wiki 561 | - Notion ⭐⭐ — for legacy tracks/topics/lessons 562 | - Reflect ⭐ — keep track of your notes, books, and meetings 563 | 564 | ## General management 565 | 566 | Generally for tracking issue, feedback, roadmap, changelog, and time. 567 | 568 | - GitHub Issues ⭐⭐⭐⭐ — public issue tracking and management 569 | - Linear ⭐⭐⭐⭐⭐ — internal team issue tracking and management to handle the priority feature development. 570 | - Roadmap and changelog 571 | - Productlane ⭐⭐⭐⭐ — Linear-based public roadmap, user feedback, and changelog 572 | - Headwayapp — ? 573 | - Canny — ? 574 | - Productboard — ? 575 | - Clockify ⭐⭐⭐ — The most popular free time tracker for teams 576 | 577 | ## Engineering management 578 | 579 | - Sleuth — ? 580 | 581 | ## Calendar and scheduling 582 | 583 | - Calendly ❤️⭐ — ? 584 | - Cal.com ❤️⭐ — Open source Calendly alternative (previously Calendso) 585 | - Cron calendar ❤️⭐ ⭐⭐— Next-generation calendar for professionals and teams. 586 | - Rise calendar — ? 587 | - SavvyCal — ? 588 | - Nook Calendar — ? 589 | 590 | ## Community and social media 591 | 592 | Especially for profile pictures. 593 | 594 | - GitHub — ? 595 | - GitLab — ? 596 | - LinkedIn — ? 597 | - Twitter — ? 598 | - Facebook — ? 599 | - Instagram — ? 600 | - YouTube — ? 601 | - Discord — ? 602 | - Slack — ? 603 | - Mastodon — ? 604 | - Showwcase — ? 605 | - Makerlog — ? 606 | - WIP — ? 607 | - Polywork — ? 608 | - Stack Overflow — ? 609 | - Hashnode — ? 610 | - Dev.to — ? 611 | - Gravatar — ? 612 | 613 | # Jobs 614 | 615 | - Remote OK — ? 616 | - Grow Remote — ? 617 | 618 | # General / Full Stack / Frontend & Backend 619 | 620 | ## Terminal, shell, prompt 621 | 622 | - Terminal app 623 | - Universal 624 | - [Alacritty](https://alacritty.org/) ⭐⭐⭐ — Cross-platform, OpenGL terminal emulator 625 | - alacritty-themes CLI 626 | - [Hyper™](https://hyper.is/) ⭐⭐⭐ — Terminal built on web technologies by Vercel 627 | - Mac 628 | - iTerm2 ⭐⭐ — ? 629 | - Warp ⭐⭐ — ? 630 | - Terminal shell 631 | - zsh ⭐⭐⭐ — ? 632 | - [Antibody](https://getantibody.github.io/) — Shell plugin manager made from the ground up thinking about performance. 633 | - Terminal prompt 634 | - Starship.rs ⭐⭐⭐ — Cross-Shell Prompt. The minimal, blazing-fast, and infinitely customizable prompt for any shell 635 | - Terminal commands 636 | - [asdf-vm/asdf](https://asdf-vm.com/) ⭐⭐⭐ — Extendable version manager with support for Ruby, Node.js, Elixir, Erlang & more. Manage multiple runtime versions with a single CLI tool 637 | - [fnm](https://fnm.vercel.app) Fast Node Manager — Fast and simple Node.js version manager, built in Rust 638 | - [clvv/fasd](https://github.com/clvv/fasd) ⭐⭐⭐ — Fasd (pronounced similar to "fast") is a command-line productivity booster. Fasd offers quick access to files and directories for POSIX shells. It is inspired by tools like autojump, z and v. 639 | - [Volta](https://volta.sh/) ⭐⭐⭐ — The Hassle-Free JavaScript Tool Manager 640 | - Remote login 641 | - OpenSSH — ? 642 | 643 | ## Code management, version control, auto-merge 644 | 645 | - Git ❤️⭐⭐⭐ — the most popular version control 646 | - diff-so-fancy — ? 647 | - [Conventional Commit](https://www.conventionalcommits.org/) — Specification for adding human and machine readable meaning to commit messages 648 | - [Release Please](https://github.com/googleapis/release-please) — Automates CHANGELOG generation, the creation of GitHub releases, and version bumps for your projects. 649 | - GitHub ❤️⭐⭐⭐ — the best Git hosting on the planet 650 | - Refined GitHub ⭐⭐⭐ — ? 651 | - [DevHub](https://devhubapp.com/) ⭐⭐⭐ — Desktop GitHub Notifications & Activities 652 | - [Neat](https://neat.run/) ⭐ — Supercharge your GitHub workflow 653 | - Git tools 654 | - degit ⭐ — Straightforward project scaffolding, to the info in README 655 | - GitFlow — structured branching model and workflow for Git 656 | - PR auto-merge 657 | - Kodiak ⭐ 658 | - Mergify ⭐ 659 | - Doppler ❤️⭐⭐⭐ — Universal Secrets Platform 660 | - [Plop](https://plopjs.com/) — Consistency Made Simple. Little tool that saves you time and helps your team build new files with consistency 661 | - Repository, document, versioning, contributing 662 | - [Semantic Versioning (semver)](https://semver.org/) ⭐⭐⭐⭐⭐ — set of rules and requirements that dictate how version numbers are assigned and incremented 663 | - [Semantic Release (semantic-release)](https://semantic-release.gitbook.io/semantic-release/) ⭐⭐⭐⭐ — Fully automated version management and package publishing 664 | - [Standard Readme](https://github.com/RichardLitt/standard-readme) ⭐⭐⭐⭐ — standard style for README files 665 | - [Contributor Covenant](https://www.contributor-covenant.org/) — A Code of Conduct for Open Source and Other Digital Commons Communities 666 | 667 | ## Code editor 668 | 669 | - VS Code — ? 670 | - VS Code Preferences 671 | - VS Code Themes 672 | - VS Code Extensions 673 | - [dsznajder/vscode-react-javascript-snippets](https://github.com/dsznajder/vscode-react-javascript-snippets) 674 | - NeoVim — ? 675 | - StackBlitz — ? 676 | - CodeSandbox — ? 677 | 678 | ## Languages, platforms, runtimes 679 | 680 | - TypeScript — ? 681 | - JavaScript — ? 682 | - Node.js — ? 683 | - npm — ? 684 | - Yarn — ? 685 | - pnpm — Fast, disk space efficient package manager 686 | - Openbase — ? 687 | 688 | ## Configuration, formatter, linter 689 | 690 | - EditorConfig ⭐⭐⭐ — ? 691 | - Prettier ⭐⭐⭐⭐⭐ — ? 692 | - ESLint ⭐⭐⭐⭐⭐ — ? 693 | - eslint-config-airbnb 694 | - @remix-run/eslint-config 695 | - prettier-eslint 696 | - eslint-plugin-tailwindcss 697 | - [Stylelint](https://stylelint.io/) ⭐⭐⭐⭐⭐ — A mighty, modern linter that helps you avoid errors and enforce conventions in your styles 698 | - stylelint-config-prettier 699 | - [ls-lint](https://ls-lint.org/) ⭐⭐⭐⭐⭐— File name linter 700 | - commitlint ⭐⭐⭐— Commit message linter 701 | 702 | ## Generic library for utility 703 | 704 | - dayjs ⭐ — ? 705 | - cuid ⭐ — ? 706 | - jsonwebtoken ⭐ — ? 707 | - validator ⭐ — ? 708 | - Lodash ⭐ — ? 709 | - [is-online](https://github.com/sindresorhus/is-online) ⭐ — Check if the internet connection is up 710 | - [is-reachable](https://github.com/sindresorhus/is-reachable) ⭐ — Check if servers are reachable 711 | - [humanize-list](https://github.com/johno/humanize-list) ⭐ — Comma delimit an array for human readability, the Oxford comma is optional. 712 | 713 | ### slug 714 | 715 | - [limax](https://github.com/lovell/limax) ⭐⭐⭐ — ? 716 | - slugify ⭐⭐ — ? 717 | 718 | --- 719 | 720 | # Frontend Stack 721 | 722 | ## UI, UX, and graphic design 723 | 724 | - Figma ⭐⭐⭐ — The collaborative interface design tool 725 | - Typescale — Harmonious typographic scales, directly from your design tool 726 | - Figma Tokens — ? 727 | - [Lunacy](https://icons8.com/lunacy) ⭐⭐⭐ — Free Design Software for Win, Mac, Linux 728 | - Framer ⭐⭐⭐ — 729 | - InVision ⭐⭐ — 730 | - Sketch ⭐⭐ — 731 | - Penpot ⭐⭐ — 732 | 733 | ## Asset colors 734 | 735 | - [Alphredo](https://alphredo.app/) — Alpha colors generator 736 | 737 | ## Asset design, diagram, flowchart 738 | 739 | # Add Later 740 | 741 | ## Sketch/Diagram 742 | 743 | - [Eraser.io](https://eraser.io) ⭐ — ? 744 | - [DesignDocs.dev](https://designdocs.dev) — ? 745 | - — ? 746 | - — ? 747 | - [Excalidraw](https://excalidraw.com) ⭐ — ? 748 | - [Mermaid](https://mermaid.js.org) — ? 749 | - [Whimsical](https://whimsical.com) — ? 750 | - tldraw — ? 751 | - FigJam by Figma — ? 752 | - Miro — ? 753 | - XMind — ? 754 | 755 | ## Frontend/web app framework 756 | 757 | - React ⭐⭐⭐⭐⭐ — UI library/framework 758 | - TSX/TypeScript — ? 759 | - JSX/JavaScript — ? 760 | - HTML — ? 761 | - CSS — ? 762 | - React Native ⭐⭐⭐ — ? 763 | - Expo ⭐ — ? 764 | 765 | ## Frontend routing 766 | 767 | - React Router — ? 768 | - TanStack Location — ? 769 | - [wouter](https://github.com/molefrog/wouter) — ? 770 | 771 | ## Module bundler, transpiler, minifier, mangler, compressor 772 | 773 | - esbuild — ? 774 | - Vite — ? 775 | - [vite-plugin-ssr](https://vite-plugin-ssr.com/) — ? 776 | - Turbopack — ? 777 | - Webpack — ? 778 | - Babel — ? 779 | - swc — ? 780 | - Terser —? 781 | 782 | ## Full-stack web app framework 783 | 784 | - Remix ❤️⭐⭐⭐⭐⭐ — ? 785 | - esbuild as bundler — ? 786 | - Remix Packages 787 | - React Router v6 — ? 788 | - history — ? 789 | - query-string — ? 790 | - qs — ? 791 | - remix-seo ❤️⭐ — 792 | - remix-pwa ❤️⭐ — PWA integration & support for Remix 793 | - remix-utils ⭐ — 794 | - remix-themes ⭐ — An abstraction for themes in your Remix app. 795 | - remix-auth ⭐ — inspired by Passport 796 | - [remix-i18next](https://github.com/sergiodxa/remix-i18next) — The easiest way to translate your Remix apps 797 | - remix-image — ? 798 | - remix-forms — ? 799 | - remix-tailwind — research first 800 | - remix-query ⭐ — Keep your loader data in sync in your component without reloading the page 801 | - Next.js — ? 802 | - NextAuth.js — ? 803 | - Outstatic — A Static Site CMS for Next.js 804 | - RedwoodJS — ? 805 | 806 | ## Styling and design system 807 | 808 | Template, starter kit, or boilerplate: 809 | 810 | - [Rewinds](https://rewinds.mhaidarhanif.com) ❤️⭐⭐⭐⭐⭐ — Remix Tailwind Starter Kit by M Haidar Hanif 811 | - [Vitesse](https://vitesse.netlify.app/) — Opinionated Vite Starter Template by Anthony Fu 812 | - [ts-nextjs-tailwind-starter](https://tsnext-tw.thcl.dev/) — Next.js + Tailwind CSS + TypeScript Starter by Theodorus Clarence 813 | 814 | ### Styling preferences 815 | 816 | - React Universal = Tailwind CSS + Headless UI + Radix UI + family of libraries 817 | - React CSS-in-JS = Stitches + Radix UI + Radix Colors 818 | 819 | ### Pure styling options 820 | 821 | - Tailwind CSS ❤️⭐⭐⭐⭐⭐ — A utility-first CSS framework for rapid UI development 822 | - [UI Colors](https://uicolors.app) — Tailwind CSS Color Shades Generator & Editor 823 | - PostCSS — CSS transformer 824 | - @tailwindcss/typography 825 | - @tailwindcss/forms 826 | - @tailwindcss/line-clamp 827 | - @tailwindcss/aspect-ratio 828 | - UnoCSS ⭐⭐⭐ — ? 829 | - It's actually better than Tailwind, just the ecosystem is still new, like there is no editor plugin yet 830 | - [Master CSS](https://css.master.co/) ⭐⭐⭐ — A Virtual CSS language with enhanced syntax. Efficiently build your UI and design system with HTML only. 831 | 832 | ### Variant components 833 | 834 | - cva (Class Variance Authority) — component variants 835 | 836 | ### Behavioral components 837 | 838 | - Headless UI ❤️⭐⭐⭐⭐ — Unstyled, fully accessible UI components 839 | - Radix UI ❤️⭐⭐⭐⭐ — Accessible component system that replicate most Headless UI components 840 | - @radix-ui/react-scroll-area 841 | - Reach UI — ? 842 | - Ariakit — ? 843 | - Downshift — ? 844 | - React Select — ? 845 | - [TanStack Table v8](https://tanstack.com/table/v8) / React Table — Headless UI for building powerful tables & datagrids 846 | - Tailwind components 847 | - Tailwind UI ⭐ — Beautiful UI components 848 | - Only for references, as VechaiUI and daisyUI provide a more organized UIs 849 | - daisyUI — Tailwind CSS Components 850 | - Vechai UI ❤️⭐⭐⭐ — React Tailwind CSS Components 851 | - [Tailblocks](https://tailblocks.cc/) — ? 852 | - Hyper UI — ? 853 | - Tail-kit / tailwind-kit.com 854 | - tailwindcomponents.com 855 | - kitwind.io 856 | - tailblocks.co 857 | - merakiui.com 858 | - tailwindtoolbox.com 859 | 860 | ### Styled components 861 | 862 | - Stitches ⭐⭐ — CSS-in-JS library and theming solution 863 | - Performant and can customize variants easily 864 | - Replace emotion and styled-components 865 | - Can extract Tailwind CSS config into Stitches config 866 | - Replicate most Tailwind UI components 867 | - Can implement multiple themes than just light and dark mode 868 | - emotion — ? 869 | - styled-components — ? 870 | 871 | ### Misc 872 | 873 | - Radix Colors ⭐⭐— accessible color system with light and dark theme 874 | - Only when using Radix UI and Stitches together 875 | - Not when using Tailwind CSS 876 | - Existing design system and components for inspirations 877 | - NextUI ⭐⭐⭐ — for UI components based on Stitches 878 | - Chakra UI ⭐⭐⭐ — for flexible UI components 879 | - Mantine — for complex ready to use components 880 | - NativeBase — ? 881 | - UI Kitten— ? 882 | - React Native Elements— ? 883 | - Eva Design System — Deep learning color generator 884 | 885 | ## Data fetching 886 | 887 | - Remix built-in loader and action with fetch 888 | - [Axios HTTP](https://axios-http.com/) ⭐⭐⭐ — Promise based HTTP client for the browser and Node.js 889 | - [urql](https://formidable.com/open-source/urql/) ❤️⭐⭐⭐ — "Universal React Query Library" is a blazing-fast minimal GraphQL client. The highly customizable and versatile GraphQL client for React, Svelte, Vue, or JavaScript. 890 | - Can perform in Remix Loader 891 | - Can replace graphql-request or Apollo 892 | - graphql-request ⭐ — GraphQL client 893 | - Only when urql is too much 894 | - [SWR](https://swr.vercel.app/) — React Hooks for Data Fetching 895 | - TanStack Query / React Query — ? 896 | 897 | ## Font hosting 898 | 899 | - Google Fonts **⭐⭐⭐** — ? 900 | - fontbit.io **⭐ —** Simple and privacy-friendly Google Fonts proxy 901 | 902 | ## Frontend hosting 903 | 904 | - Vercel ❤️⭐⭐⭐⭐ — 905 | - not free for organizations but free for personal and the fastest out there. 906 | - [https://vercel.com/changelog/remix-projects-can-now-be-deployed-with-zero-configuration](https://vercel.com/changelog/remix-projects-can-now-be-deployed-with-zero-configuration) 907 | - Netlify ❤️⭐⭐⭐⭐ — ? 908 | - Cloudflare Pages ⭐⭐⭐ — ? 909 | - Free for organizations but slightly slower than Vercel. A bit harder to debug because they don't really use Node.js 910 | - [https://blog.cloudflare.com/remix-on-cloudflare-pages](https://blog.cloudflare.com/remix-on-cloudflare-pages/) 911 | - Cloudflare Workers ⭐⭐ — ? 912 | 913 | ## Frontend tools 914 | 915 | - Dr. Link Check — Broken Link Checker 916 | 917 | ## Frontend library 918 | 919 | - Hooks 920 | - usehooks-ts — ? 921 | - Forms 922 | - React Hook Form — ? 923 | - Formik — ? 924 | - React Final Form — ? 925 | - Icons 926 | - [Icônes](https://icones.js.org/) — Icon Explorer with Instant searching, powered by Iconify 927 | - Iconify ❤️⭐⭐⭐⭐⭐ — ? 928 | - React Icons ❤️⭐⭐⭐ — ? 929 | - Phosphor Icons ❤️⭐⭐⭐ — ? 930 | - Remix Icon ⭐⭐ — ? 931 | - Feather Icons ⭐⭐ — ? 932 | - Boxicons ⭐ — ? 933 | - Ionicons ⭐ — ? 934 | - Font Awesome ⭐ — ? 935 | - Game Icons — ? 936 | - Simple Icons — 2000+ Free SVG icons for popular brands 937 | - Component documentation 938 | - Storybook ⭐⭐⭐⭐⭐ — component management 939 | - Bit.dev — ? 940 | - Markdown 941 | - [Markdoc](https://markdoc.io/) ⭐⭐⭐⭐ — A powerful, flexible, Markdown-based authoring framework 942 | - MDX / [mdxjs](https://mdxjs.com/) — Markdown for the component era 943 | - [marked](https://marked.js.org/) ⭐⭐⭐ — ? 944 | - [remark](https://remark.js.org/) — ? 945 | - [markdown-to-jsx](https://github.com/probablyup/markdown-to-jsx) ⭐⭐⭐ — ? 946 | - [markdown-it](https://markdown-it.github.io/) — ? 947 | - [html-react-parser](https://github.com/remarkablemark/html-react-parser) — ? 948 | - Code syntax highlighting 949 | - Prism.js ⭐⭐⭐⭐⭐ —? 950 | - Prism React Renderer — ? 951 | - highlight.js ⭐⭐⭐ — ? 952 | - React Syntax Highlighter —? 953 | - [Shiki](https://shiki.matsu.io/) ⭐⭐⭐ — ? 954 | - Markdown documentation generator 955 | - Nextra — ? 956 | - Slate — ? 957 | - Emoji 958 | - Twemoji & react-twemoji ⭐⭐⭐ — ? 959 | - OpenMoji — ? 960 | - Rich text editor / WYIWYG editor 961 | - [Tiptap](https://tiptap.dev/) ❤️⭐⭐⭐⭐⭐ — Headless WYSIWYG Text Editor 962 | - [Typist](https://typist.doist.dev/) ❤️⭐⭐⭐⭐⭐ — Rich Editor based on Tiptap 963 | - [Quill.js](https://quilljs.com/) ❤️⭐⭐⭐ — Your powerful rich text editor 964 | - [Lexical](https://lexical.dev/) ❤️⭐⭐⭐ — An extensible text editor framework that does things differently 965 | - Jodit ⭐ — ? 966 | - Slate.js ⭐— ? 967 | - Animation library 968 | - [AutoAnimate](https://auto-animate.formkit.com/) — Add motion to your apps with a single line of code 969 | - Framer Motion ⭐ — animated component 970 | - react-spring — ? 971 | - anime.js — ? 972 | - Velocity.js — ? 973 | - Gesture and drag and dop library 974 | - [use-gesture](https://use-gesture.netlify.app/) — ? 975 | - [dnd kit](https://dndkit.com/) — dnd kit – a modern drag and drop toolkit for React 976 | - Charting library 977 | - D3.js — ? 978 | - Vega — ? 979 | - Diagramming library 980 | - D2 — ? 981 | - Text to diagram — ? 982 | - MermaidJS — ? 983 | - PlantUML — ? 984 | - Graphviz — ? 985 | - 2D and 3D engine 986 | - [Matter.js](https://brm.io/matter-js/) — 2D physics engine for the web 987 | - [Three.js](https://threejs.org/) — JavaScript 3D Library based on WebGL 988 | - [GreenSock](https://greensock.com/) — GSAP (GreenSock Animation Platform) — Professional-grade animation for the modern web 989 | - Parallax library — [https://openbase.com/categories/js/best-react-parallax-libraries](https://openbase.com/categories/js/best-react-parallax-libraries) 990 | - react-parallax 991 | - simpleParallax.js — a JavaScript library for parallax effects 992 | - parallax.js — ? 993 | - Slide deck 994 | - [slidev](https://sli.dev/) — Presentation Slides for Developers 995 | - [Gamma](https://gamma.app/) — Write like a doc Present like a deck 996 | - Video creation 997 | - [Remotion](https://www.remotion.dev/) — Write videos in React 998 | - Keyboard shortcuts 999 | - [kbar](https://kbar.vercel.app/) — command+k interface for your site 1000 | - CommandBar ⭐⭐⭐ — ? 1001 | - Maps 1002 | - Mapbox 1003 | - react-map-gl — Mapbox GL JS for React 1004 | - Math typesetting 1005 | - [KaTeX](https://katex.org/) — The fastest math typesetting library for the web 1006 | - Files and images 1007 | - Filepond — ? 1008 | - Pintura Image Editor — ? 1009 | - Slide or carousel 1010 | - [Swiper](https://swiperjs.com/) — The Most Modern Mobile Touch Slider or Carousel 1011 | - Blockchain and web3 1012 | - RainbowKit — ? 1013 | - Others 1014 | - react-device-detect — Detect device, and render view according to detected device type 1015 | - react-responsive — CSS media queries in React for responsive design, and more 1016 | 1017 | ## Frontend state management 1018 | 1019 | - Jotai — ? 1020 | - Zustand — ? 1021 | - Redux — ? 1022 | - XState — ? 1023 | - Recoil — ? 1024 | 1025 | ## Frontend assets 1026 | 1027 | - Shottr — ? 1028 | - [CleanShot X](https://cleanshot.com/) — ? 1029 | - Image optimizer 1030 | - TinyPNG/TinyJPG ⭐⭐⭐⭐⭐ — Compress multiple WebP, PNG, and JPEG images intelligently 1031 | - Squoosh ⭐⭐⭐ — Make images smaller using best-in-class codecs, right in the browser 1032 | - Favicons 1033 | - [Favicon.io](https://favicon.io/favicon-converter/) — The best Favicon Generator (completely free) 1034 | - [Real Favicon Generator](https://realfavicongenerator.net/) — ? 1035 | - [Open Peeps](https://www.openpeeps.com/) — Hand-Drawn Illustration Library 1036 | - [Descript](https://www.descript.com/) — All-in-one audio/video editing, as easy as a doc. 1037 | - [Bannerbear](https://www.bannerbear.com/) — API for Automated Image and Video Generation 1038 | - neg4n/next-api-og-image — ? 1039 | - [Senja](https://senja.io/) — The #1 Tool to Collect, Manage & Share Testimonials 1040 | - [Testimonial.to](https://testimonial.to/) - Collect and embed testimonials in minutes 1041 | 1042 | --- 1043 | 1044 | # Backend Stack 1045 | 1046 | ## Platforms and runtimes 1047 | 1048 | - Node.js ⭐⭐⭐⭐⭐ — ? 1049 | - Deno ⭐⭐⭐⭐ — ? 1050 | - Golang ⭐⭐⭐ — ? 1051 | - Rust ⭐⭐ — ? 1052 | 1053 | ## Backend/web server frameworks 1054 | 1055 | - Express.js ⭐⭐⭐⭐⭐ — ? 1056 | - cors — ? 1057 | - morgan — ? 1058 | - Fastify ⭐⭐⭐ — ? 1059 | - tinyhttp ⭐ — 0-legacy, tiny & fast web framework as a replacement of Express 1060 | - NestJS ⭐ — ? 1061 | - AdonisJS — ? 1062 | - Hapi — ? 1063 | - [Fresh](https://fresh.deno.dev/) for Deno — ? 1064 | 1065 | ## Web API 1066 | 1067 | - GraphQL ⭐⭐⭐⭐⭐ — ? 1068 | - Internal GraphQL for most dynamic data management. Because even big techs are using it (Shopify, Github, Medium, Docker, Twitter, Airbnb, and Paypal) 1069 | - GraphQL Code Generator ⭐ — ? 1070 | - GraphCDN ⭐ — ? 1071 | - Nexus GraphQL ⭐ — ? 1072 | - [Apollo GraphQL](https://www.apollographql.com/) ⭐ — Supergraph to unify APIs, microservices, and databases in a composable graph. Unifies GraphQL across your apps and services, unlocking faster delivery for your engineering teams. 1073 | - REST API ⭐⭐⭐ — ? 1074 | - Still needed in case of an alternative or public API release 1075 | - tRPC — ? 1076 | - gRPC — ? 1077 | - Only when there is a budget and performance issue 1078 | - WebSocket — ? 1079 | - Socket.io — ? 1080 | - [soketi](https://soketi.app/) — Simple, fast, and resilient open-source WebSockets server. 📣 1081 | - [LiveBlocks](https://liveblocks.io/) — ? 1082 | - Client 1083 | - Hoppscotch ⭐⭐⭐⭐⭐ — API client for REST API and GraphQL 1084 | - Postman — ? 1085 | - Insomnia — ? 1086 | - Paw — The most advanced API tool for Mac 1087 | 1088 | ## Backend as a Service (BaaS) and CMS 1089 | 1090 | ### All in One 1091 | 1092 | - Airtable — ? 1093 | - All purpose database 1094 | - Form 1095 | - CRM 1096 | - ATS, Applicant Tracker 1097 | 1098 | ### Simple Form 1099 | 1100 | - Jotform — ? 1101 | - [EmailJS](https://www.emailjs.com/) — ? 1102 | - [Getform.io](https://getform.io/) — ? 1103 | - [FabForm.io](https://fabform.io/) — ? 1104 | 1105 | ### Backend with Auth 1106 | 1107 | - Firebase ⭐⭐ — ? 1108 | - Rowy — Low-code backend on Google Cloud and Firebase. Instant Airtable-like UI for managing your database on your own cloud. 1109 | - [Supabase](https://supabase.com/) ⭐⭐⭐ — The Open Source Firebase Alternative 1110 | - [Dashibase](https://dashibase.com/) ⭐⭐⭐ — No-code dashboards with Supabase 1111 | - Nhost — ? 1112 | - Strapi — ? 1113 | - Kontenbase — Easily create backend API, auth, and storage in less than one minute without coding. 1114 | - [AWS Amplify](https://aws.amazon.com/amplify) — ? 1115 | - [Backendless](https://backendless.com/) — ? 1116 | - [back4app](https://www.back4app.com/) — ? 1117 | 1118 | ### Notification 1119 | 1120 | - Novu — Notification management simplified 1121 | 1122 | ### CMS with Rich Text Editing 1123 | 1124 | - Hygraph (aka GraphCMS) ⭐⭐⭐⭐⭐ — content management system in static assets 1125 | - Grafbase 1126 | - Payload CMS ⭐⭐⭐ — ? 1127 | 1128 | ### Internal Tool 1129 | 1130 | - [Retool](https://retool.com/) — ? 1131 | - ToolJet — ? 1132 | - [Budibase](https://budibase.com/) — ? 1133 | - [Basedash](https://www.basedash.com/) ⭐ — Collaborative Database Editing 1134 | - [Appsmith](https://www.appsmith.com/) ⭐ — Build & self-host internal tools 1135 | - [Metabase](https://metabase.com/) — ? 1136 | - The backend written in Clojure which contains a REST API 1137 | 1138 | ## Database ORM 1139 | 1140 | - Prisma ORM ⭐⭐⭐ — ? 1141 | - [Prismaliser](https://prismaliser.app/) — ? 1142 | - Sequelize — ? 1143 | - TypeORM — ? 1144 | - Bookshelf.js — ? 1145 | - Knex.js — ? 1146 | 1147 | ## Database Management System (DBMS) 1148 | 1149 | - MySQL ⭐⭐⭐⭐ — ? 1150 | - MySQL on PlanetScale ⭐⭐⭐⭐⭐ — ? 1151 | - PostgreSQL ⭐⭐⭐⭐ — ? 1152 | - Postgres.app for Mac ⭐⭐⭐⭐⭐ — ? 1153 | - PostgreSQL on Railway.app ⭐⭐⭐⭐⭐ — ? 1154 | - PostgreSQL on Render ⭐⭐ — ? 1155 | - Redis — ? 1156 | - Redis on Upstash ⭐⭐⭐⭐ — ? 1157 | - Redis on Railway.app ⭐⭐⭐ — ? 1158 | - Redis on Render — ? 1159 | - RedisInsight — ? 1160 | - CockroachDB ⭐⭐⭐ — ? 1161 | - MongoDB ⭐⭐⭐ — ? 1162 | - Realm — ? 1163 | - [SurrealDB](https://surrealdb.com/) ⭐⭐ — ? 1164 | - Snaplet — ? 1165 | 1166 | ## Data Stream 1167 | 1168 | - Kafka — ? 1169 | - Kafka on Upstash — ? 1170 | - Fluvio — ? 1171 | 1172 | ## Database Client 1173 | 1174 | - Arctype SQL Client — Free SQL Editor for Developers 1175 | - TablePlus — ? 1176 | - [Medis](https://getmedis.com/) — ? 1177 | 1178 | ## Data Encryption 1179 | 1180 | - Argon2 ❤️⭐⭐⭐ — ? 1181 | - Bcrypt ⭐⭐ — ? 1182 | 1183 | ## Backend or Full Stack Hosting 1184 | 1185 | - Railway.app ⭐⭐⭐⭐⭐ — ? 1186 | - [Render.com](https://render.com/) ⭐⭐⭐ — Cloud Application Hosting for Developers 1187 | - Need to check if compatible with Remix 1188 | - [Buddy.works](https://buddy.works/) — The easiest CI/CD. Ever. Buddy is the most effective way to build better apps faster. The DevOps Automation Platform 1189 | - Fly.io — ? 1190 | - Heroku — ? 1191 | - Cyclic.sh — ? 1192 | - Google Compute Engine — ? 1193 | - Amazon EC2 — ? 1194 | 1195 | ## Backend library 1196 | 1197 | - [geoip-lite/node-geoip](https://github.com/geoip-lite/node-geoip) — Native Node.js implementation of MaxMind's GeoIP API 1198 | 1199 | ## Backend storage for static assets 1200 | 1201 | Includes object storage, block storage, file storage, archive storage, and data transport. 1202 | 1203 | - Images 1204 | - Gravatar — ? 1205 | - ImageKit ⭐ — ? 1206 | - Videos 1207 | - muse.ai ⭐ — The power of video made simple for you 1208 | - VdoCipher — Secure Video Hosting for Business 1209 | - bunny.net — The Content Delivery platform that truly Hops! 1210 | - Anything 1211 | - Cloudinary — ? 1212 | - Google Cloud Storage — ? 1213 | - Amazon S3 — ? 1214 | - Azure Blob Storage — ? 1215 | - Vultr Object Storage — ? 1216 | - Linode Object Storage — ? 1217 | - [DigitalOcean Spaces](https://www.digitalocean.com/products/spaces) — S3-Compatible Cloud Object Storage 1218 | - Wasabi Cloud Storage — ? 1219 | 1220 | ## Backend service 1221 | 1222 | Especially for background process. 1223 | 1224 | - Temporal.io ⭐ — ? 1225 | - Quirrel ⭐ — ? 1226 | - EasyCron — ? 1227 | - Healtchecks.io — ? 1228 | - Dkron — ? 1229 | - Privy.io — Simple APIs to manage user data off-chain 1230 | 1231 | --- 1232 | 1233 | # Test 1234 | 1235 | ## General 1236 | 1237 | - [Testing Playground](https://testing-playground.com/) — Simple and complete DOM testing playground that encourage good testing practices. 1238 | 1239 | ## Unit and Functional 1240 | 1241 | - Vitest ⭐⭐⭐⭐ — ? 1242 | - happy-dom — ? 1243 | - Jest ⭐⭐⭐ — ? 1244 | - Jest Preview — ? 1245 | - React Testing Library ⭐⭐ — ? 1246 | 1247 | ## Functional 1248 | 1249 | - Tomato ⭐ — ? 1250 | 1251 | ## End to End 1252 | 1253 | - Playwright 1254 | - [Reflect.run](https://reflect.run) 1255 | - Cypress ⭐⭐⭐ — ? 1256 | 1257 | ## Utility 1258 | 1259 | - Mock Service Worker (MSW) ⭐⭐⭐⭐⭐ — ? 1260 | - [Falso](https://ngneat.github.io/falso/) ⭐⭐⭐⭐⭐ — ? 1261 | - [Faker](https://fakerjs.dev/) ⭐⭐⭐ — ? 1262 | 1263 | --- 1264 | 1265 | # Services 1266 | 1267 | ## Network 1268 | 1269 | - Cloudflare Registrar ⭐ — ? 1270 | - Migrated from Uniregistry/GoDaddy 1271 | - Cloudflare DNS ⭐ — ? 1272 | 1273 | ## Payment and finance 💰 1274 | 1275 | - International 1276 | - Outseta ❤️⭐⭐⭐⭐ — ? 1277 | - Paddle ❤️⭐⭐⭐⭐ — ? 1278 | - [https://snappify.io/blog/step-by-step-guide-for-paddle-integration](https://snappify.io/blog/step-by-step-guide-for-paddle-integration) 1279 | - [Lemon Squeezy](https://lemonsqueezy.com) 1280 | - Quaderno ⭐⭐⭐ — ? 1281 | - Stripe ⭐⭐⭐ — ? 1282 | - Recurly — ? 1283 | - Gumroad ⭐ — ? 1284 | - Flurly ⭐ — ? 1285 | - PayPal ⭐ — ? 1286 | - Plaid — ? 1287 | - Singapore 1288 | - HitPay — ? 1289 | - Eway Singapore — ? 1290 | - Malaysia 1291 | - iPay88 — ? 1292 | - Gkash — ? 1293 | - Indonesia 1294 | - Midtrans ⭐⭐⭐ — ? 1295 | - Xendit ⭐⭐⭐ — ? 1296 | - Durianpay ⭐⭐ — ? 1297 | - Mayar ⭐ — ? 1298 | 1299 | ## Payment revenue and subscription analysis 1300 | 1301 | Subscription data platform and analytics. 1302 | 1303 | - MRR.io ❤️⭐⭐⭐ — Keep track of your Monthly Recurring Revenue 1304 | - ChartMogul ⭐⭐⭐ — Subscription Analytics Platform 1305 | - [ProfitWell](https://www.profitwell.com/) ⭐ — Subscription business financial metrics 1306 | 1307 | ## Business management 1308 | 1309 | - [Cushion](https://cushionapp.com) — Forecasting for freelancers 1310 | - [Plutio](https://www.plutio.com) — One app to run your business and get work done 1311 | - Bloom.io ❤️⭐⭐⭐ — ? 1312 | 1313 | ## Accounting and Invoice 1314 | 1315 | - Wave Accounting ❤️⭐⭐⭐ — ? 1316 | - Xero — ? 1317 | - FreshBooks — ? 1318 | - QuickBooks — ? 1319 | - invoicely — ? 1320 | - Square Invoices — ? 1321 | 1322 | ## Blog 1323 | 1324 | - Dev.to ⭐⭐⭐⭐ — ? 1325 | - Forem — ? 1326 | - Hashnode ⭐⭐⭐⭐ — ? 1327 | - [Ghost.org](https://ghost.org/) ⭐⭐⭐ — Turn your audience into a business 1328 | - Medium ⭐⭐ — ? 1329 | 1330 | ## Hiring 1331 | 1332 | - Homerun — Where hiring comes together 1333 | 1334 | ## URL shortener 1335 | 1336 | - Rebrandly ⭐ — ? 1337 | 1338 | ## CRM and chat support 1339 | 1340 | - [Crisp](https://crisp.chat/) ❤️⭐⭐⭐⭐⭐ — #1 Messaging Platform For Startups and SMBs 1341 | - [HubSpot](https://www.hubspot.com/products/crm) ❤️⭐⭐⭐⭐ — Best Free CRM Software for Businesses 1342 | - Chatwoot ⭐⭐⭐ — ? 1343 | - Groove ⭐⭐⭐ — ? 1344 | - Clay ⭐⭐⭐ — ? 1345 | 1346 | ## Web and product analytics 1347 | 1348 | - Open source 1349 | - Posthog ❤️⭐⭐⭐⭐ — Host your own product analytics 1350 | - `posthog-js`, `posthog-node` 1351 | - Pirsch ❤️⭐⭐⭐⭐— Cookie-Free and Privacy-Friendly Web Analytics 1352 | - 30-day free trial, `pirsch-sdk` 1353 | - Plausible ❤️⭐⭐⭐ — Simple, privacy-friendly Google Analytics alternative 1354 | - 30-day free trial, `plausible-tracker` 1355 | - Matomo ⭐⭐ — The Google Analytics alternative that protects your data 1356 | - Umami ⭐ — simple. fast. beautiful. own your website analytics. 1357 | - Closed source 1358 | - Splitbee (Acquired by Vercel) ❤️⭐⭐⭐⭐ — Your all-in-one analytics and conversion platform 1359 | - `splitbee-js` 1360 | - [Mixpanel](https://mixpanel.com/) ❤️⭐⭐⭐ — Product Analytics for Mobile, Web, & More 1361 | - Simple Analytics ❤️⭐⭐⭐ — The privacy-first Google Analytics alternative 1362 | - 14-day free trial 1363 | - Fathom Analytics ❤️⭐⭐⭐ — Website analytics without compromise 1364 | - 7-day free trial, `fathom-client` 1365 | - [Amplitude](https://amplitude.com/) ⭐⭐⭐ — The Digital Optimization System 1366 | - June.so ⭐⭐ — Product-Led Analytics 1367 | - `@june-so/analytics-next` 1368 | - [Microsoft Clarify](https://clarity.microsoft.com/) ⭐⭐ — Free Heatmaps & Session Recordings 1369 | - Google Analytics ⭐⭐ — Analytics Tools & Solutions for Your Business 1370 | - Hotjar ⭐ — Website Heatmaps & Behavior Analytics Tools 1371 | - Fullstory ⭐ — Build a More Perfect Digital Experience 1372 | - heatmap — Real-time analytics for your website 1373 | 1374 | ## Internationalization 1375 | 1376 | - i18next ⭐⭐⭐⭐⭐ — ? 1377 | 1378 | ## Feature toggle 1379 | 1380 | - Growthbook ❤️⭐⭐⭐ — ? 1381 | - LaunchDarkly ⭐⭐⭐ — ? 1382 | - [flagged](https://github.com/sergiodxa/flagged) — ? 1383 | 1384 | ## Monitoring, logging, error tracking, and replayer 1385 | 1386 | - [Sentry](https://sentry.io/) ❤️⭐⭐⭐⭐ — ? 1387 | - [Axiom](https://www.axiom.co/) ❤️⭐⭐⭐⭐ — ? 1388 | - Checkly — Delightful Active Monitoring for Developers 1389 | - [Highlight.run](https://www.highlight.run/) ⭐⭐⭐ — Reproduce end-to-end user sessions to better understand their application 1390 | - [Metronome.sh](https://metronome.sh/) ⭐⭐⭐ — Insights tailored for Remix 1391 | 1392 | ## Profiler and session replay 1393 | 1394 | - OpenReplay ⭐⭐⭐ — ? 1395 | - LogRocket ⭐ — ? 1396 | - Replay ⭐ — ? 1397 | 1398 | ## Uptime monitoring and incident response: 1399 | 1400 | - Pulsetic ❤️⭐⭐⭐ — ? 1401 | - Better Uptime ❤️⭐⭐⭐ — ? 1402 | - Instatus ❤️⭐⭐⭐ — ? 1403 | - Upptime ⭐ — Free uptime monitor and status page powered by GitHub 1404 | - UptimeRobot — ? 1405 | - Lightstep — ? 1406 | 1407 | ## Infrastructure monitoring 1408 | 1409 | - DataDog ⭐ — ? 1410 | - New Relic — ? 1411 | 1412 | ## Log management and analysis: 1413 | 1414 | - [Loggly](https://www.loggly.com/) ⭐ — ? 1415 | 1416 | ## Marketing and newsletter email 1417 | 1418 | - [ConvertKit](https://convertkit.com/) ❤️⭐⭐⭐⭐ — The creator marketing platform, especially for newsletter emails 1419 | - [Bento](https://bentonow.com/) ⭐⭐⭐⭐ — All-in-one marketing automation platform. Marketing Tracking and Automation Platform For Ecommerce 1420 | - [CustomerIO](https://customer.io/) ⭐⭐⭐ — Marketing Automation for the Whole Customer Lifecycle 1421 | - [SendStack](https://getsendstack.com/) ⭐⭐⭐ — Privacy-first newsletter platform 1422 | - [Loops.so](https://loops.so/) ⭐⭐⭐ — Email made easy. Create, send and track beautiful email campaigns your users will love 1423 | - [Drip](https://www.drip.com/) ⭐⭐⭐ — The Ecommerce Revenue Engine. Email and SMS marketing for growing ecommerce brands. 1424 | - [ActiveCampaign](https://www.activecampaign.com/) ⭐⭐⭐ — #1 Customer Experience Automation Platform 1425 | - [Intercom](https://www.intercom.com/) ⭐⭐⭐ — The Engagement OS. The modern customer communications platform that unifies every aspect of the customer journey, from conversion to engagement to support 1426 | - [HubSpot](https://www.hubspot.com/) ⭐⭐⭐ — Inbound Marketing, Sales, and Service Software 1427 | - [Keap](https://keap.com)® ⭐⭐⭐ — fka Infusionsoft — CRM, Sales & Marketing Automation 1428 | - [GetResponse](https://www.getresponse.com/) ⭐⭐⭐ — Get Started with a Free Marketing Platform 1429 | - [Klaviyo](https://www.klaviyo.com/) ⭐⭐ — Email Marketing & SMS Automation Platform 1430 | - [Buttondown](https://buttondown.email/) ⭐⭐ — The easiest way to write your newsletter. Small, elegant tool for producing newsletters 1431 | - [MailerLite](https://www.mailerlite.com/) ⭐⭐ — Create Email Marketing Your Audience Will Love 1432 | - [Keila](https://www.keila.io/) ⭐ — Open Source Email Newsletters Easy & Reliable 1433 | - [Revue](https://www.getrevue.co/) ⭐ — Editorial newsletter tool for writers and publishers 1434 | - [MailChimp](https://mailchimp.com/) ⭐ — Marketing, Automation & Email Platform 1435 | 1436 | ## Transactional email 1437 | 1438 | - [Mailjet](https://www.mailjet.com/) ❤️⭐⭐⭐⭐ — Email Delivery Service for Marketing & Developer Teams 1439 | - [Postmark](https://postmarkapp.com/) ⭐⭐⭐ — Fast, Reliable Email Delivery Service, SMTP, API 1440 | - [DMARC Digests](https://dmarcdigests.com/) — DMARC Monitoring to Protect Your Email Deliverability and Combat Spoofing and Phishing 1441 | - Amazon SES ⭐ — ? 1442 | - Nodemailer ⭐ — ? 1443 | - [Sendgrid](https://github.com/novuhq/novu/tree/main/providers/sendgrid) ⭐ — ? 1444 | - [Mailgun](https://github.com/novuhq/novu/tree/main/providers/mailgun) ⭐ — ? 1445 | - [SES](https://github.com/novuhq/novu/tree/main/providers/ses) ⭐ — ? 1446 | - [NodeMailer](https://github.com/novuhq/novu/tree/main/providers/nodemailer) ⭐ — ? 1447 | - [Mandrill](https://github.com/novuhq/novu/tree/main/providers/mandrill) ⭐ — ? 1448 | - [Sendinblue](https://github.com/novuhq/novu/tree/main/providers/sendinblue) ⭐ — ? 1449 | - [EmailJS](https://github.com/novuhq/novu/tree/main/providers/emailjs) ⭐ — ? 1450 | - SparkPost ⭐ — ? 1451 | 1452 | ## Containerization 1453 | 1454 | - Docker ⭐ — ? 1455 | - Kubernetes — ? 1456 | - Restack — Creating the next generation of open source developers 1457 | 1458 | ## CI/CD 1459 | 1460 | - GitHub Actions ⭐⭐⭐ — ? 1461 | - Meercode — ? 1462 | - [CodeFactor](https://www.codefactor.io/) ⭐⭐⭐ — Automated Code Review for C#, C++, Java, CSS, JS, Go, Python, Ruby, TypeScript, Scala, CoffeeScript, Groovy, C, PHP, Dockerfile, Shell, YAML, HTML, Vue, Swift, Kotlin, PowerShell, Dart and R source code 1463 | - [Buddy Works](https://buddy.works/) — ? 1464 | - Circle CI ⭐ — ? 1465 | - Heroku CI — ? 1466 | - Travis CI — ? 1467 | - AppVeyor — ? 1468 | 1469 | ## Dependency management 1470 | 1471 | - Depfu ⭐⭐⭐ — Automated dependency updates done right. More configurable than Dependabot 1472 | - Snyk ⭐⭐⭐ — Security updates 1473 | - AccessLint ⭐ — Automated and continuous web accessibility testing 1474 | 1475 | ## Community network 1476 | 1477 | - Luma / Lu.ma ⭐⭐⭐⭐ — ? 1478 | - Mighty Network ⭐⭐ — ? 1479 | 1480 | ## Image editing 1481 | 1482 | - Ray.so — Create beautiful images of your code 1483 | - BrandBird Studio — Easy, fast image editing for founders. Turn boring screenshot into beautiful sharable images 1484 | 1485 | ## Video editing and sharing 1486 | 1487 | - ScreenFlow — ? 1488 | - [Screen Studio](https://screen.studio) — ? 1489 | - Loom — ? 1490 | - [Grain](https://grain.com/) — Capture & Share Insights from Customer Meetings. The easiest meeting insights tool to understand and communicate the needs of your customers. 1491 | - tl;dv — ? 1492 | 1493 | ## Audio editing and sharing 1494 | 1495 | - Yac — ? 1496 | 1497 | ## Shipping 1498 | 1499 | - Indonesia 1500 | - Shipper — ? 1501 | - Biteship — ? 1502 | - Lalamove — ? 1503 | 1504 | --- 1505 | 1506 | # References 1507 | 1508 | ## General 1509 | 1510 | - [MDN Web Docs](https://mdn.dev/) 1511 | - [Free for Dev](https://free-for.dev/) 1512 | 1513 | ## Remix 1514 | 1515 | - [Load only the data you need in Remix - Sergio Xalambrí](https://sergiodxa.com/articles/load-only-the-data-you-need-in-remix) 1516 | 1517 | ## GraphQL 1518 | 1519 | - [How to GraphQL](https://www.howtographql.com/) 1520 | - [Working with Remix, GraphQL, and GraphCMS](https://graphcms.com/blog/working-with-remix-and-graphql) 1521 | 1522 | ## Security 1523 | 1524 | - [OWASP Cheat Sheet Series](https://cheatsheetseries.owasp.org/) 1525 | 1526 | ## Boilerplate 1527 | 1528 | - [Remix Stacks](https://remix.run/docs/en/v1/pages/stacks) 1529 | - [Bedrock Boilerplate by Max Stoiber](https://bedrock.mxstbr.com) 1530 | 1531 | ## Workflow 1532 | 1533 | - [Kodiak Prior Art / Alternatives](https://kodiakhq.com/docs/prior-art-and-alternatives) 1534 | 1535 | --- 1536 | 1537 | # Backlog 1538 | 1539 | - [Mac Setup for Web Development [2022] - Robin Wieruch](https://www.robinwieruch.de/mac-setup-web-development) 1540 | 1541 | ## Company 1542 | 1543 | - [Firstbase](https://www.firstbase.io/) — Start and grow a US business from anywhere 1544 | - [Devyce](https://devyce.com/) — The modern business phone system. 1545 | 1546 | ## Other stacks to evaluate 1547 | 1548 | - [Upload.io](https://upload.io/) — Image 1549 | - [Lyra](https://lyrajs.io/) — Fast, in-memory, typo-tolerant, full-text search engine written in TypeScript. 1550 | - [Fuse.js](https://fusejs.io/) — Powerful, lightweight fuzzy-search library, with zero dependencies. 1551 | - Algolia — ? 1552 | - Slate API Docs generator — ? 1553 | - MinIO — ? 1554 | - Replicache — ? 1555 | - Ashby HQ — [https://app.ashbyhq.com/access](https://app.ashbyhq.com/access) 1556 | - Runway — [https://runway.com](https://runway.com/) 1557 | - Daydream — [https://daydream.co](https://daydream.co/) 1558 | - Pocus — [https://www.pocus.com](https://www.pocus.com/) 1559 | - Airplane — [https://www.airplane.dev](https://www.airplane.dev/) 1560 | - Teamflow — [https://www.teamflowhq.com](https://www.teamflowhq.com/) 1561 | - Endgame — [https://www.endgame.io](https://www.endgame.io/) 1562 | - Matter for Slack — [https://matterapp.com](https://matterapp.com/) 1563 | - Kona — [https://www.heykona.com](https://www.heykona.com/) 1564 | - Reclaim AI — [https://reclaim.ai](https://reclaim.ai/) 1565 | - Hazelcast — [https://hazelcast.com](https://hazelcast.com/) 1566 | - Vector.dev — [https://vector.dev](https://vector.dev/) 1567 | - Deel — ? 1568 | - Turing.com — ? 1569 | - [https://delighted.com/](https://delighted.com/) 1570 | - [https://fibery.io/](https://fibery.io/) 1571 | - [https://github.com/conventional-changelog/standard-version](https://github.com/conventional-changelog/standard-version) 1572 | - [https://roughnotation.com/](https://roughnotation.com/) 1573 | - [https://react-hot-toast.com/](https://react-hot-toast.com/) 1574 | - [https://github.com/evilmartians/lefthook](https://github.com/evilmartians/lefthook) 1575 | - [https://github.com/sharkdp/hyperfine](https://github.com/sharkdp/hyperfine) 1576 | - [https://drawsql.app/](https://drawsql.app/) 1577 | - [https://www.heykona.com/](https://www.heykona.com/) 1578 | - [https://www.entri.com/](https://www.entri.com/) 1579 | - ⭐⭐⭐ [https://usabilityhub.com/](https://usabilityhub.com/) 1580 | - [https://training.visualizevalue.com/feed](https://training.visualizevalue.com/feed) 1581 | - [https://arc.io/](https://arc.io/) 1582 | - [https://rootly.com/](https://rootly.com/) 1583 | - [https://www.stackhawk.com/](https://www.stackhawk.com/) 1584 | - [https://withpersona.com/](https://withpersona.com/) — Identity Verification Solutions for Every Business | Persona 1585 | - [https://lucaong.github.io/minisearch/](https://lucaong.github.io/minisearch/) — Tiny and powerful JavaScript full-text search engine for browser and Node 1586 | - [Bree](https://jobscheduler.net) — The best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support. 1587 | - [https://bitmovin.com](https://bitmovin.com/) — APIs to encode, play and analyze video 1588 | - [https://www.deepl.com/translator](https://www.deepl.com/translator) — DeepL Translate: The world's most accurate translator 1589 | - [PicWish](https://picwish.com/) — Online Background Remover 1590 | - [https://www.meilisearch.com/](https://www.meilisearch.com/) 1591 | - [https://github.com/valeriansaliou/vigil](https://github.com/valeriansaliou/vigil) 1592 | - [https://www.scaleway.com/en/](https://www.scaleway.com/en/) 1593 | - [https://www.hetzner.com/](https://www.hetzner.com/) 1594 | - [https://stepzen.com/](https://stepzen.com/) — GraphQL-as-a-Service: Build GraphQL faster, run better, scale seamlessly 1595 | - [https://components.ai/](https://components.ai/) — Components AI — A new way to explore generative design systems 1596 | - [https://randoma11y.com/](https://randoma11y.com/) 1597 | - [https://toolness.github.io/accessible-color-matrix/](https://toolness.github.io/accessible-color-matrix/) 1598 | - [https://www.waldo.com/](https://www.waldo.com/) 1599 | - [https://www.protailwind.com/tutorials](https://www.protailwind.com/tutorials) 1600 | 1601 | ### Related 1602 | 1603 | - [https://mentorcruise.com/](https://mentorcruise.com/) 1604 | - [https://huntr.co/bootcamps](https://huntr.co/bootcamps) - cohort 1605 | - [https://www.teachfloor.com/](https://www.teachfloor.com/) - cohort 1606 | - [https://maven.com/](https://maven.com/) 1607 | 1608 | --------------------------------------------------------------------------------