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.
- Dogokit Stack All
- Concepts
- Stages
- Stage 0 โ Setup ๐ป
- Stage 1 โ Design ๐จ
- Stage 2 โ Configuration โ๏ธ
- Stage 3 โ Frontend interface โ๏ธ
- Stage 4 โ Frontend Interaction โก
- Stage 5 โ Database and Service ๐ฟ
- Stage 6 โ Payment ๐ฐ
- Stage 7 โ API ๐งฉ
- Stage 8 โ Testing ๐งช
- Stage 9 โ Automation and Extra โจ
- Work/Management Stack
- Jobs
- General / Full Stack / Frontend & Backend
- Frontend Stack
- UI, UX, and graphic design
- Asset colors
- Asset design, diagram, flowchart
- Frontend/web app framework
- Frontend routing
- Module bundler, transpiler, minifier, mangler, compressor
- Full-stack web app framework
- Styling and design system
- Data fetching
- Font hosting
- Frontend hosting
- Frontend tools
- Frontend library
- Frontend state management
- Frontend assets
- Backend Stack
- Test
- Services
- Network
- Payment and finance ๐ฐ
- Payment revenue and subscription analysis
- Business management
- Accounting and Invoice
- Blog
- Hiring
- URL shortener
- CRM and chat support
- Web and product analytics
- Internationalization
- Feature toggle
- Monitoring, logging, error tracking, and replayer
- Profiler and session replay
- Uptime monitoring and incident response:
- Infrastructure monitoring
- Log management and analysis:
- Marketing and newsletter email
- Transactional email
- Containerization
- CI/CD
- Dependency management
- Community network
- Image editing
- Video editing and sharing
- Audio editing and sharing
- Shipping
- References
- Backlog
- Legacy versions
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
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).
- JavaScript and TypeScript for programming language
- Node.js for runtime & npm for package manager
- Golang and Rust ecosystem as altenatives
- HTML for markup language and content structure
- CSS for styling language
- Tailwind CSS for utility classes
- cva (Class Variance Authority) for component variants
- React for frontend library and UI components
- Ariakit, Headless UI, Radix UI for stylable accessible components
- Remix for full stack web framework
- Remix Router for routing
- Remix Forms for full-stack form library
- Next.js for alternative web framework
- Next Router for routing
- Vite for client-side only starter and bundler
- Turbopack or esbuild for bundler
- swc for transpiler
- Authentication and authorization with
- Cookie-based sessions
- Email/Password
- GitHub
- Express or NestJS for backend framework
- GraphQL for data query and manipulation language
- GraphQL Yoga and Envelop for the server and plugin system
- REST API for other web APIs
- GraphQL for data query and manipulation language
- MySQL for relational database on PlanetScale
- Prisma for database ORM
- Pothos for GraphQL schema builder
- MySQL or PostgreSQL for RDBMS
- Vitest and Testing Library for unit and integration testing
- Playwright for functional or e2e testing
- MSW for local third party API request mocking
- EditorConfig, Prettier, ESLint, stylelint, ls-lint, commitlint, lint-staged โ for code formatting, linting, static testing
- Git and GitHub for version control, collaboration, and deployment
- Circle CI or GitHub Actions for CI/CD
- Vercel for frontend deployment
- Railway.app for backend or full stack deployment
- ImageKit and Mux for multimedia storage
- Postmark or Mailjet for transactional email
- Google Cloud Platform (GCP) for cloud infrastructure
We called it the NORSE Stack. The main defaults in the NORSE Stack are:
- Node.js and npm as the main platform and package manager
- ORM (Object Relational Mapping), data modeling, and API layer with Prisma and Pothos GraphQL
- Remix (React/Vue/Svelte) or Next.js (React) as the full stack layer
- SQL (Structured Query Language) DBMS (Database Management System) with MySQL or PostgreSQL.
- Ecosystem of libraries and frameworks from the JavaScript and TypeScript community such as Tailwind CSS, Ariakit, etc
Business-related:
- Slab for note-taking, alternative to Notion and Confluence
- Twist for communication
- Linear for product and software development
- Basecamp / Plutio / Bloom.io for project management
- Outseta for payment management
- Cushion for project balancing
- Wave / Xero / QuickBooks for accounting
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.
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.
- โญ โ Rating
- โค๏ธ โ Recommended
- Problem Solving
- Critical Thinking
- First Principles
- Engineering
- Computer Science (CS)
- Software Engineering (SWE)
- Software Architecture (SWA)
- Software Infrastructure (SWI)
- Database
- Deployment
- Containerization
- Career
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.
Setup options:
- Laptop
- Apple โ M1 Pro Macbook Pro
- Linux โ Thinkpad
- Windows โ Thinkpad
- Operating System (OS)
- macOS and iOS โ Most reliable
- Linux and Android โ Most flexible
- Windows โ Most popular
- Web Browser
- Google Chrome โ Most popular
- Brave Browser โ Most private
- Microsoft Edge โ Most performant
- Mozilla Firefox โ Most ethical
- Mac-specific
- Raycast โ Command panel
- Rectangle โ Window manager
- Maccy โ Clipboard manager
- Numi โ Calculator
- Owly โ Prevent sleep
- Macs Fan Control โ Change fan speed
- Hidden Bar / Vanilla โ Hide menu bar items
- iStat Menus โ System status
- KeyCastr โ Show keystroke
- Bitwarden + Authy โ Credentials & 2FA
- External communication
- Gmail or Google Workspace โ Email service by Google
- aka Google Apps / Google App Suite
- HEY โ Email service by Basecamp
- ImprovMX
- Gmail or Google Workspace โ Email service by Google
- Internal communication
- Twist โ Team chat
- Email โ Backup
- External communication
- Multi Purpose
- Airtable โ Multi purpose business-oriented database
- Form โ Collect submissions data
- Airtable โ Multi purpose business-oriented database
- CRM (Customer Relationship Management)
- HubSpot โ Free CRM + Help Desk
- Crisp โ Paid CRM + Help Desk
- Email Marketing
- ConvertKit โ Free newsletter emails
- Bento โ Paid all-in-one marketing automation platform
- Community
- Linen โ Public chat forum
- Discord โ Casual chat
- Slack โ Casual chat
- Multi Purpose
- GitHub โ Git hosting and collaboration
- Refined GitHub โ ?
- DevHub โ Desktop GitHub Notifications & Activities
- Slab โ Collaborative notes
- Linear โ Internal issue tracking
- Productlane โ User feedback and changelog for Linear
- Clockify โ Time tracking
- Around โ Video call
- Community โ YouTube, Twitter, Mastodon, Substack, Hashnode, DevTo, Makerlog, WIP, etc
References:
- https://www.robinwieruch.de/mac-setup-web-development
- https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c
- Figma โ UI/UX design tool
- Figma Tokens โ ?
- Tailwind Color Palette โ ?
- Alphredo โ Transparent/alpha colors generator
- Eraser / Excalidraw โ Quick diagram
- Favicon.io โ Favicon Generator
- Shottr โ Screenshot
- Terminal, shell, prompt
- Alacritty โ The fastest terminal app
- Warp โ The modern terminal app
- zsh โ Terminal shell
- Starship.rs โ Terminal prompt
- Git โ Version control
- diff-so-fancy โ
- Conventional Commit โ ?
- Repository
- Semantic Versioning (semver) โ ?
- Semantic Release (semantic-release) โ Fully automated version management and package publishing
- Contributor Covenant โ ?
- Release Please โ ?
- Package manager
- Homebrew โ macOS
- apt โ Ubuntu
- asdf โ Runtime manager
- fnm โ Fast Node Manager
- Volta โ JavaScript tool manager
- Node.js โ JavaScript runtime
- npm โ Node.js package manager
- pnpm โ npm alternative that is fast and disk space efficient
- Openbase โ compare open-source packages
- TypeScript โ Superset of JavaScript with type safety
- VS Code โ Code editor
- EditorConfig โ Common coding style
- Prettier โ Code formatter
- ESLint โ JavaScript linter
- Stylelint โ CSS linter
- ls-lint โ File name linter
- commitlint โ Commit message linter
- lint-staged โ Staged changes linter
- Doppler โ Universal Secrets Platform
- Plop โ File generator
- React โ Frontend UI library
- Remix โ Full stack web framework on React/Vue
- Next.js โ Full stack web framework on React
- Astro โ Static site generator with React/Vue/Svelte/Solid
- Tailwind CSS โ Utility CSS framework
- UI Colors โ Generate color shades
- cva โ variant management
- PostCSS โ CSS transformer
- Ariakit โ Unstyled components
- Headless UI โ Unstyled, fully accessible UI components
- Radix UI โ Accessible UI component primitives
- tailwindcss-radix
- Icons
- Phosphor Icons โ Application icons
- React Icons โ All in one
- Font Awesome โ Social media icons
- UI components
- Markdoc โ Markdown renderer
- Prism.js + Prism React Renderer โ Code syntax highlighting renderer
- Shiki โ Code syntax highlighting alternative
- Monaco Editor โ Code editor
- State management
- Jotai โ
- Zustand โ ?
- Nextra / Slate Docs โ Documentation
- Vercel โ Deployment for speed
- Axiom โ Logging
- Railway.app โ Deployment for backup
- Cloudflare / Google Domains โ Domain and DNS
- Dr. Link Check โ Links check
- Status monitoring
- Pulsetic โ ?
- Better Uptime โ ?
- Instatus โ ?
- Form, input, text area
- Remix Form โ for Remix
- React Hook Form โ Complex client-side form library
- tiny-invariant โ provide descriptive errors in development but generic errors in production.
- Tiptap / Typist / Lexical โ Rich text editor
- User and product analytics
- Google Analytics 4 โ Most popular analytics
- Splitbee โ Friendly analytics
- Posthog โ Product analytics
- Pirsch โ Beautiful analytics
- Plausible โ Powerful analytics
- MixPanel โ Simple analytics
- App analytics and error reporting
- Highlight / Sentry โ App analytics and error tracking
- LogRocket โ ?
- Metronome โ Remix insights
- Dependency monitoring
- DepFu โ Common
- Snyk โ Security
- Feature toggle
- Growthbook โ Feature flagging and experimentation
- Prisma โ ORM (Object Relational Mapper)
- Argon2 / bcrypt
- MySQL on PlanetScale โ Relational database
- PostgreSQL on Neon โ Relational database
- Dashibase โ Quick dashboard
- Snaplet โ Development and backup
- Arctype โ SQL Client
- X โ Object storage
- ImageKit โ Image Storage
- Mux โ Video storage
- Postmark โ Transactional email
- Mailjet โ Transactional email
- Basedash โ Internal tooling
- Paddle โ Payments infrastructure for Internatioanal
- Lemon Squeezy
- Midtrans โ Payment gateway for Indonesia
- PayPal โ Alternative payment method
- Gumroad โ Backup
- HTTPie & Hoppscotch โ API client
- GraphQL โ Data query and manipulation language for API
- Pothos GraphQL Schema โ ?
- Axios โ REST API client
- urql โ GraphQL client
- Payload CMS / GraphCMS โ Content management system
- GraphCDN โ GraphQL CDN
- Falso/Faker โ Generate fake data
- Vitest โ ?
- testing-library โ ?
- Playwright / Reflect.run โ ?
- Mock Service Worker (MSW) โ ?
- GitHub Actions โ Build checks
- Changeset
- Codecov
- CodeFactor โ Code review
- Docker โ Container
- Google Chrome โ?
- uBlock Origin โ?
- Bitwarden โ?
- Raindrop โBookmark management
- Brave Browser โ ?
- Microsoft Edge โ ?
- Mozilla Firefox โ ?
- Min Browser โ A fast, minimal browser that protects your privacy
- WebCatalog โ ?
- Google โ ?
- DuckDuckGo โ ?
- Bing โ ?
- Brave Search โ ?
- Credentials
- Bitwarden โ ?
- Authy โ ?
- Mac-related
- Raycast โ Blazingly fast, totally extendable launcher. It lets you complete tasks, calculate, share common links, and much more.
- Maccy โ macOS clipboard manager
- Numi โ Beautiful calculator app for Mac
- Rectangle โ Move and resize windows in macOS using keyboard shortcuts or snap areas
- Owly โ ?
- Macs Fan Controlโ ?
- iStat Menus โ ?
- KeyCastr โ ?
- Cursor Pro โ ?
- Writing
- Grammarly โ ?
- QuillBot AI โ Paraphrasing Tool
- VLC โ ?
- Calibre โ ?
- Gmail / Google Account โค๏ธโญโญโญ โ Access to Google services
- Google Calendar โ ?
- Google Drive โ ?
- YouTube โ ?
- HEY Email โค๏ธโญโญโญโญโญ โ ?
- ProtonMail โญโญ โ ?
- Superhuman โญโญโญ โ The Fastest Email Experience Ever Made
- StreamYard โ ?
- Restream โ Create and Multistream Live Video
- Riverside โ ?
- Melon โ Login & Start Streaming
- Twist โค๏ธโญโญโญโญโญ โ ?
- Slack โ ?
- Around.co โ Video calls loved by extraordinary teams
- Zoom.us โ ?
- Claap โ Record quick videos of your screen, get contextual feedback, and make decisions. The modern way to align hybrid teams. Less Meeting. More doing.
- Slab โค๏ธโญโญโญ โ for primary team knowledge base
- Outline โญโญ โ Team knowledge base & wiki
- Notion โญโญ โ for legacy tracks/topics/lessons
- Reflect โญ โ keep track of your notes, books, and meetings
Generally for tracking issue, feedback, roadmap, changelog, and time.
- GitHub Issues โญโญโญโญ โ public issue tracking and management
- Linear โญโญโญโญโญ โ internal team issue tracking and management to handle the priority feature development.
- Roadmap and changelog
- Productlane โญโญโญโญ โ Linear-based public roadmap, user feedback, and changelog
- Headwayapp โ ?
- Canny โ ?
- Productboard โ ?
- Clockify โญโญโญ โ The most popular free time tracker for teams
- Sleuth โ ?
- Calendly โค๏ธโญ โ ?
- Cal.com โค๏ธโญ โ Open source Calendly alternative (previously Calendso)
- Cron calendar โค๏ธโญ โญโญโ Next-generation calendar for professionalsย and teams.
- Rise calendar โ ?
- SavvyCal โ ?
- Nook Calendar โ ?
Especially for profile pictures.
- GitHub โ ?
- GitLab โ ?
- LinkedIn โ ?
- Twitter โ ?
- Facebook โ ?
- Instagram โ ?
- YouTube โ ?
- Discord โ ?
- Slack โ ?
- Mastodon โ ?
- Showwcase โ ?
- Makerlog โ ?
- WIP โ ?
- Polywork โ ?
- Stack Overflow โ ?
- Hashnode โ ?
- Dev.to โ ?
- Gravatar โ ?
- Remote OK โ ?
- Grow Remote โ ?
- Terminal app
- Terminal shell
- zsh โญโญโญ โ ?
- Antibody โ Shell plugin manager made from the ground up thinking about performance.
- zsh โญโญโญ โ ?
- Terminal prompt
- Starship.rs โญโญโญ โ Cross-Shell Prompt. The minimal, blazing-fast, and infinitely customizable prompt for any shell
- Terminal commands
- asdf-vm/asdf โญโญโญ โ Extendable version manager with support for Ruby, Node.js, Elixir, Erlang & more. Manage multiple runtime versions with a single CLI tool
- fnm Fast Node Manager โ Fast and simple Node.js version manager, built in Rust
- 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.
- Volta โญโญโญ โ The Hassle-Free JavaScript Tool Manager
- Remote login
- OpenSSH โ ?
- Git โค๏ธโญโญโญ โ the most popular version control
- diff-so-fancy โ ?
- Conventional Commit โ Specification for adding human and machine readable meaning to commit messages
- Release Please โ Automates CHANGELOG generation, the creation of GitHub releases, and version bumps for your projects.
- GitHub โค๏ธโญโญโญ โ the best Git hosting on the planet
- Git tools
- degit โญ โ Straightforward project scaffolding, to the info in README
- GitFlow โ structured branching model and workflow for Git
- PR auto-merge
- Kodiak โญ
- Mergify โญ
- Doppler โค๏ธโญโญโญ โ Universal Secrets Platform
- Plop โ Consistency Made Simple. Little tool that saves you time and helps your team build new files with consistency
- Repository, document, versioning, contributing
- Semantic Versioning (semver) โญโญโญโญโญ โ set of rules and requirements that dictate how version numbers are assigned and incremented
- Semantic Release (semantic-release) โญโญโญโญ โ Fully automated version management and package publishing
- Standard Readme โญโญโญโญ โ standard style for README files
- Contributor Covenant โ A Code of Conduct for Open Source and Other Digital Commons Communities
- VS Code โ ?
- VS Code Preferences
- VS Code Themes
- VS Code Extensions
- NeoVim โ ?
- StackBlitz โ ?
- CodeSandbox โ ?
- TypeScript โ ?
- JavaScript โ ?
- Node.js โ ?
- npm โ ?
- Yarn โ ?
- pnpm โ Fast, disk space efficient package manager
- Openbase โ ?
- EditorConfig โญโญโญ โ ?
- Prettier โญโญโญโญโญ โ ?
- ESLint โญโญโญโญโญ โ ?
- eslint-config-airbnb
- @remix-run/eslint-config
- prettier-eslint
- eslint-plugin-tailwindcss
- Stylelint โญโญโญโญโญ โ A mighty, modern linter that helps you avoid errors and enforce conventions in your styles
- stylelint-config-prettier
- ls-lint โญโญโญโญโญโ File name linter
- commitlint โญโญโญโ Commit message linter
- dayjs โญ โ ?
- cuid โญ โ ?
- jsonwebtoken โญ โ ?
- validator โญ โ ?
- Lodash โญ โ ?
- is-online โญ โ Check if the internet connection is up
- is-reachable โญ โ Check if servers are reachable
- humanize-list โญ โ Comma delimit an array for human readability, the Oxford comma is optional.
- limax โญโญโญ โ ?
- slugify โญโญ โ ?
- Figma โญโญโญ โ The collaborative interface design tool
- Typescale โ Harmonious typographic scales, directly from your design tool
- Figma Tokens โ ?
- Lunacy โญโญโญ โ Free Design Software for Win, Mac, Linux
- Framer โญโญโญ โ
- InVision โญโญ โ
- Sketch โญโญ โ
- Penpot โญโญ โ
- Alphredo โ Alpha colors generator
- Eraser.io โญ โ ?
- Excalidraw โญ โ ?
- Mermaid โ ?
- Whimsical โ ?
- tldraw โ ?
- FigJam by Figma โ ?
- Miro โ ?
- XMind โ ?
- React โญโญโญโญโญ โ UI library/framework
- TSX/TypeScript โ ?
- JSX/JavaScript โ ?
- HTML โ ?
- CSS โ ?
- React Native โญโญโญ โ ?
- Expo โญ โ ?
- React Router โ ?
- TanStack Location โ ?
- wouter โ ?
- esbuild โ ?
- Vite โ ?
- vite-plugin-ssr โ ?
- Turbopack โ ?
- Webpack โ ?
- Babel โ ?
- swc โ ?
- Terser โ?
- Remix โค๏ธโญโญโญโญโญ โ ?
- esbuild as bundler โ ?
- Remix Packages
- React Router v6 โ ?
- history โ ?
- query-string โ ?
- qs โ ?
- remix-seo โค๏ธโญ โ
- remix-pwa โค๏ธโญ โ PWA integration & support for Remix
- remix-utils โญ โ
- remix-themes โญ โ An abstraction for themes in your Remix app.
- remix-auth โญ โ inspired by Passport
- remix-i18next โ The easiest way to translate your Remix apps
- remix-image โ ?
- remix-forms โ ?
- remix-tailwind โ research first
- remix-query โญ โ Keep your loader data in sync in your component without reloading the page
- React Router v6 โ ?
- Next.js โ ?
- NextAuth.js โ ?
- Outstatic โ A Static Site CMS for Next.js
- RedwoodJS โ ?
Template, starter kit, or boilerplate:
- Rewinds โค๏ธโญโญโญโญโญ โ Remix Tailwind Starter Kit by M Haidar Hanif
- Vitesse โ Opinionated Vite Starter Template by Anthony Fu
- ts-nextjs-tailwind-starter โ Next.js + Tailwind CSS + TypeScript Starter by Theodorus Clarence
- React Universal = Tailwind CSS + Headless UI + Radix UI + family of libraries
- React CSS-in-JS = Stitches + Radix UI + Radix Colors
- Tailwind CSS โค๏ธโญโญโญโญโญ โ A utility-first CSS framework for rapid UI development
- UI Colors โ Tailwind CSS Color Shades Generator & Editor
- PostCSS โ CSS transformer
- @tailwindcss/typography
- @tailwindcss/forms
- @tailwindcss/line-clamp
- @tailwindcss/aspect-ratio
- UnoCSS โญโญโญ โ ?
- It's actually better than Tailwind, just the ecosystem is still new, like there is no editor plugin yet
- Master CSS โญโญโญ โ A Virtual CSS language with enhanced syntax. Efficiently build your UI and design system with HTML only.
- cva (Class Variance Authority) โ component variants
- Headless UI โค๏ธโญโญโญโญ โ Unstyled, fully accessible UI components
- Radix UI โค๏ธโญโญโญโญ โ Accessible component system that replicate most Headless UI components
- @radix-ui/react-scroll-area
- Reach UI โ ?
- Ariakit โ ?
- Downshift โ ?
- React Select โ ?
- TanStack Table v8 / React Table โ Headless UI for building powerful tables & datagrids
- Tailwind components
- Tailwind UI โญ โ Beautiful UI components
- Only for references, as VechaiUI and daisyUI provide a more organized UIs
- daisyUI โ Tailwind CSS Components
- Vechai UI โค๏ธโญโญโญ โ React Tailwind CSS Components
- Tailblocks โ ?
- Hyper UI โ ?
- Tail-kit / tailwind-kit.com
- tailwindcomponents.com
- kitwind.io
- tailblocks.co
- merakiui.com
- tailwindtoolbox.com
- Tailwind UI โญ โ Beautiful UI components
- Stitches โญโญ โ CSS-in-JS library and theming solution
- Performant and can customize variants easily
- Replace emotion and styled-components
- Can extract Tailwind CSS config into Stitches config
- Replicate most Tailwind UI components
- Can implement multiple themes than just light and dark mode
- emotion โ ?
- styled-components โ ?
- Radix Colors โญโญโ accessible color system with light and dark theme
- Only when using Radix UI and Stitches together
- Not when using Tailwind CSS
- Existing design system and components for inspirations
- NextUI โญโญโญ โ for UI components based on Stitches
- Chakra UI โญโญโญ โ for flexible UI components
- Mantine โ for complex ready to use components
- NativeBase โ ?
- UI Kittenโ ?
- React Native Elementsโ ?
- Eva Design System โ Deep learning color generator
- Remix built-in loader and action with fetch
- Axios HTTP โญโญโญ โ Promise based HTTP client for the browser and Node.js
- 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.
- Can perform in Remix Loader
- Can replace graphql-request or Apollo
- graphql-request โญ โ GraphQL client
- Only when urql is too much
- SWR โ React Hooks for Data Fetching
- TanStack Query / React Query โ ?
- Google Fonts โญโญโญ โ ?
- fontbit.io โญ โ Simple and privacy-friendly Google Fonts proxy
- Vercel โค๏ธโญโญโญโญ โ
- not free for organizations but free for personal and the fastest out there.
- https://vercel.com/changelog/remix-projects-can-now-be-deployed-with-zero-configuration
- Netlify โค๏ธโญโญโญโญ โ ?
- Cloudflare Pages โญโญโญ โ ?
- Free for organizations but slightly slower than Vercel. A bit harder to debug because they don't really use Node.js
- https://blog.cloudflare.com/remix-on-cloudflare-pages
- Cloudflare Workers โญโญ โ ?
- Dr. Link Check โ Broken Link Checker
- Hooks
- usehooks-ts โ ?
- Forms
- React Hook Form โ ?
- Formik โ ?
- React Final Form โ ?
- Icons
- Icรดnes โ Icon Explorer with Instant searching, powered by Iconify
- Iconify โค๏ธโญโญโญโญโญ โ ?
- React Icons โค๏ธโญโญโญ โ ?
- Phosphor Icons โค๏ธโญโญโญ โ ?
- Remix Icon โญโญ โ ?
- Feather Icons โญโญ โ ?
- Boxicons โญ โ ?
- Ionicons โญ โ ?
- Font Awesome โญ โ ?
- Game Icons โ ?
- Simple Icons โ 2000+ Free SVG icons for popular brands
- Component documentation
- Storybook โญโญโญโญโญ โ component management
- Bit.dev โ ?
- Markdown
- Markdoc โญโญโญโญ โ A powerful, flexible, Markdown-based authoring framework
- MDX / mdxjs โ Markdown for the component era
- marked โญโญโญ โ ?
- remark โ ?
- markdown-to-jsx โญโญโญ โ ?
- markdown-it โ ?
- html-react-parser โ ?
- Code syntax highlighting
- Prism.js โญโญโญโญโญ โ?
- Prism React Renderer โ ?
- highlight.js โญโญโญ โ ?
- React Syntax Highlighter โ?
- Shiki โญโญโญ โ ?
- Prism.js โญโญโญโญโญ โ?
- Markdown documentation generator
- Nextra โ ?
- Slate โ ?
- Emoji
- Twemoji & react-twemoji โญโญโญ โ ?
- OpenMoji โ ?
- Rich text editor / WYIWYG editor
- Tiptap โค๏ธโญโญโญโญโญ โ Headless WYSIWYG Text Editor
- Typist โค๏ธโญโญโญโญโญ โ Rich Editor based on Tiptap
- Quill.js โค๏ธโญโญโญ โ Your powerful rich text editor
- Lexical โค๏ธโญโญโญ โ An extensible text editor framework that does things differently
- Jodit โญ โ ?
- Slate.js โญโ ?
- Tiptap โค๏ธโญโญโญโญโญ โ Headless WYSIWYG Text Editor
- Animation library
- AutoAnimate โ Add motion to your apps with a single line of code
- Framer Motion โญ โ animated component
- react-spring โ ?
- anime.js โ ?
- Velocity.js โ ?
- Gesture and drag and dop library
- use-gesture โ ?
- dnd kit โ dnd kit โ a modern drag and drop toolkit for React
- Charting library
- D3.js โ ?
- Vega โ ?
- Diagramming library
- D2 โ ?
- Text to diagram โ ?
- MermaidJS โ ?
- PlantUML โ ?
- Graphviz โ ?
- D2 โ ?
- 2D and 3D engine
- Parallax library โ https://openbase.com/categories/js/best-react-parallax-libraries
- react-parallax
- simpleParallax.js โ a JavaScript library for parallax effects
- parallax.js โ ?
- Slide deck
- Video creation
- Remotion โ Write videos in React
- Keyboard shortcuts
- kbar โ command+k interface for your site
- CommandBar โญโญโญ โ ?
- Maps
- Mapbox
- react-map-gl โ Mapbox GL JS for React
- Math typesetting
- KaTeX โ The fastest math typesetting library for the web
- Files and images
- Filepond โ ?
- Pintura Image Editor โ ?
- Slide or carousel
- Swiper โ The Most Modern Mobile Touch Slider or Carousel
- Blockchain and web3
- RainbowKit โ ?
- Others
- react-device-detect โ Detect device, and render view according to detected device type
- react-responsive โ CSS media queries in React for responsive design, and more
- Jotai โ ?
- Zustand โ ?
- Redux โ ?
- XState โ ?
- Recoil โ ?
- Shottr โ ?
- CleanShot X โ ?
- Image optimizer
- TinyPNG/TinyJPG โญโญโญโญโญ โ Compress multiple WebP, PNG, and JPEG images intelligently
- Squoosh โญโญโญ โ Make images smaller using best-in-class codecs, right in the browser
- Favicons
- Favicon.io โ The best Favicon Generator (completely free)
- Real Favicon Generator โ ?
- Open Peeps โ Hand-Drawn Illustration Library
- Descript โ All-in-one audio/video editing, as easy as a doc.
- Bannerbear โ API for Automated Image and Video Generation
- neg4n/next-api-og-image โ ?
- Senja โ The #1 Tool to Collect, Manage & Share Testimonials
- Testimonial.to - Collect and embed testimonials in minutes
- Node.js โญโญโญโญโญ โ ?
- Deno โญโญโญโญ โ ?
- Golang โญโญโญ โ ?
- Rust โญโญ โ ?
- Express.js โญโญโญโญโญ โ ?
- cors โ ?
- morgan โ ?
- Fastify โญโญโญ โ ?
- tinyhttp โญ โ 0-legacy, tiny & fast web framework as a replacement of Express
- NestJS โญ โ ?
- AdonisJS โ ?
- Hapi โ ?
- Fresh for Deno โ ?
- GraphQL โญโญโญโญโญ โ ?
- Internal GraphQL for most dynamic data management. Because even big techs are using it (Shopify, Github, Medium, Docker, Twitter, Airbnb, and Paypal)
- GraphQL Code Generator โญ โ ?
- GraphCDN โญ โ ?
- Nexus GraphQL โญ โ ?
- Apollo GraphQL โญ โ 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.
- REST API โญโญโญ โ ?
- Still needed in case of an alternative or public API release
- tRPC โ ?
- gRPC โ ?
- Only when there is a budget and performance issue
- WebSocket โ ?
- Socket.io โ ?
- soketi โ Simple, fast, and resilient open-source WebSockets server. ๐ฃ
- LiveBlocks โ ?
- Client
- Hoppscotch โญโญโญโญโญ โ API client for REST API and GraphQL
- Postman โ ?
- Insomnia โ ?
- Paw โ The most advanced API tool for Mac
- Airtable โ ?
- All purpose database
- Form
- CRM
- ATS, Applicant Tracker
- Jotform โ ?
- EmailJS โ ?
- Getform.io โ ?
- FabForm.io โ ?
- Firebase โญโญ โ ?
- Rowy โ Low-code backend on Google Cloud and Firebase. Instant Airtable-like UI for managing your database on your own cloud.
- Supabase โญโญโญ โ The Open Source Firebase Alternative
- Dashibase โญโญโญ โ No-code dashboards with Supabase
- Nhost โ ?
- Strapi โ ?
- Kontenbase โ Easily create backend API, auth, and storage in less than one minute without coding.
- AWS Amplify โ ?
- Backendless โ ?
- back4app โ ?
- Novu โ Notification management simplified
- Hygraph (aka GraphCMS) โญโญโญโญโญ โ content management system in static assets
- Grafbase
- Payload CMS โญโญโญ โ ?
- Retool โ ?
- ToolJet โ ?
- Budibase โ ?
- Basedash โญ โ Collaborative Database Editing
- Appsmith โญ โ Build & self-host internal tools
- Metabase โ ?
- The backend written in Clojure which contains a REST API
- Prisma ORM โญโญโญ โ ?
- Prismaliser โ ?
- Sequelize โ ?
- TypeORM โ ?
- Bookshelf.js โ ?
- Knex.js โ ?
- MySQL โญโญโญโญ โ ?
- MySQL on PlanetScale โญโญโญโญโญ โ ?
- PostgreSQL โญโญโญโญ โ ?
- Postgres.app for Mac โญโญโญโญโญ โ ?
- PostgreSQL on Railway.app โญโญโญโญโญ โ ?
- PostgreSQL on Render โญโญ โ ?
- Redis โ ?
- Redis on Upstash โญโญโญโญ โ ?
- Redis on Railway.app โญโญโญ โ ?
- Redis on Render โ ?
- RedisInsight โ ?
- CockroachDB โญโญโญ โ ?
- MongoDB โญโญโญ โ ?
- Realm โ ?
- SurrealDB โญโญ โ ?
- Snaplet โ ?
- Kafka โ ?
- Kafka on Upstash โ ?
- Fluvio โ ?
- Arctype SQL Client โ Free SQL Editor for Developers
- TablePlus โ ?
- Medis โ ?
- Argon2 โค๏ธโญโญโญ โ ?
- Bcrypt โญโญ โ ?
- Railway.app โญโญโญโญโญ โ ?
- Render.com โญโญโญ โ Cloud Application Hosting for Developers
- Need to check if compatible with Remix
- Buddy.works โ The easiest CI/CD. Ever. Buddy is the most effective way to build better apps faster. The DevOps Automation Platform
- Fly.io โ ?
- Heroku โ ?
- Cyclic.sh โ ?
- Google Compute Engine โ ?
- Amazon EC2 โ ?
- geoip-lite/node-geoip โ Native Node.js implementation of MaxMind's GeoIP API
Includes object storage, block storage, file storage, archive storage, and data transport.
- Images
- Gravatar โ ?
- ImageKit โญ โ ?
- Videos
- muse.ai โญ โ The power of video made simple for you
- VdoCipher โ Secure Video Hosting for Business
- bunny.net โ The Content Delivery platform that truly Hops!
- Anything
- Cloudinary โ ?
- Google Cloud Storage โ ?
- Amazon S3 โ ?
- Azure Blob Storage โ ?
- Vultr Object Storage โ ?
- Linode Object Storage โ ?
- DigitalOcean Spaces โ S3-Compatible Cloud Object Storage
- Wasabi Cloud Storage โ ?
Especially for background process.
- Temporal.io โญ โ ?
- Quirrel โญ โ ?
- EasyCron โ ?
- Healtchecks.io โ ?
- Dkron โ ?
- Privy.io โ Simple APIs to manage user data off-chain
- Testing Playground โ Simple and complete DOM testing playground that encourage good testing practices.
- Vitest โญโญโญโญ โ ?
- happy-dom โ ?
- Jest โญโญโญ โ ?
- Jest Preview โ ?
- React Testing Library โญโญ โ ?
- Tomato โญ โ ?
- Playwright
- Reflect.run
- Cypress โญโญโญ โ ?
- Cloudflare Registrar โญ โ ?
- Migrated from Uniregistry/GoDaddy
- Cloudflare DNS โญ โ ?
- International
- Outseta โค๏ธโญโญโญโญ โ ?
- Paddle โค๏ธโญโญโญโญ โ ?
- Lemon Squeezy
- Quaderno โญโญโญ โ ?
- Stripe โญโญโญ โ ?
- Recurly โ ?
- Gumroad โญ โ ?
- Flurly โญ โ ?
- PayPal โญ โ ?
- Plaid โ ?
- Singapore
- HitPay โ ?
- Eway Singapore โ ?
- Malaysia
- iPay88 โ ?
- Gkash โ ?
- Indonesia
- Midtrans โญโญโญ โ ?
- Xendit โญโญโญ โ ?
- Durianpay โญโญ โ ?
- Mayar โญ โ ?
Subscription data platform and analytics.
- MRR.io โค๏ธโญโญโญ โ Keep track of your Monthly Recurring Revenue
- ChartMogul โญโญโญ โ Subscription Analytics Platform
- ProfitWell โญ โ Subscription business financial metrics
- Cushion โ Forecasting for freelancers
- Plutio โ One app to run your business and get work done
- Bloom.io โค๏ธโญโญโญ โ ?
- Wave Accounting โค๏ธโญโญโญ โ ?
- Xero โ ?
- FreshBooks โ ?
- QuickBooks โ ?
- invoicely โ ?
- Square Invoices โ ?
- Dev.to โญโญโญโญ โ ?
- Forem โ ?
- Hashnode โญโญโญโญ โ ?
- Ghost.org โญโญโญ โ Turn your audience into a business
- Medium โญโญ โ ?
- Homerun โ Where hiring comes together
- Rebrandly โญ โ ?
- Crisp โค๏ธโญโญโญโญโญ โ #1 Messaging Platform For Startups and SMBs
- HubSpot โค๏ธโญโญโญโญ โ Best Free CRM Software for Businesses
- Chatwoot โญโญโญ โ ?
- Groove โญโญโญ โ ?
- Clay โญโญโญ โ ?
- Open source
- Posthog โค๏ธโญโญโญโญ โ Host your own product analytics
posthog-js
,posthog-node
- Pirsch โค๏ธโญโญโญโญโ Cookie-Free and Privacy-Friendly Web Analytics
- 30-day free trial,
pirsch-sdk
- 30-day free trial,
- Plausible โค๏ธโญโญโญ โ Simple, privacy-friendly Google Analytics alternative
- 30-day free trial,
plausible-tracker
- 30-day free trial,
- Matomo โญโญ โ The Google Analytics alternative that protects your data
- Umami โญ โ simple. fast. beautiful. own your website analytics.
- Posthog โค๏ธโญโญโญโญ โ Host your own product analytics
- Closed source
- Splitbee (Acquired by Vercel) โค๏ธโญโญโญโญ โ Your all-in-one analytics and conversion platform
splitbee-js
- Mixpanel โค๏ธโญโญโญ โ Product Analytics for Mobile, Web, & More
- Simple Analytics โค๏ธโญโญโญ โ The privacy-first Google Analytics alternative
- 14-day free trial
- Fathom Analytics โค๏ธโญโญโญ โ Website analytics without compromise
- 7-day free trial,
fathom-client
- 7-day free trial,
- Amplitude โญโญโญ โ The Digital Optimization System
- June.so โญโญ โ Product-Led Analytics
@june-so/analytics-next
- Microsoft Clarify โญโญ โ Free Heatmaps & Session Recordings
- Google Analytics โญโญ โ Analytics Tools & Solutions for Your Business
- Hotjar โญ โ Website Heatmaps & Behavior Analytics Tools
- Fullstory โญ โ Build a More Perfect Digital Experience
- heatmap โ Real-time analytics for your website
- Splitbee (Acquired by Vercel) โค๏ธโญโญโญโญ โ Your all-in-one analytics and conversion platform
- i18next โญโญโญโญโญ โ ?
- Growthbook โค๏ธโญโญโญ โ ?
- LaunchDarkly โญโญโญ โ ?
- flagged โ ?
- Sentry โค๏ธโญโญโญโญ โ ?
- Axiom โค๏ธโญโญโญโญ โ ?
- Checkly โ Delightful Active Monitoring for Developers
- Highlight.run โญโญโญ โ Reproduce end-to-end user sessions to better understand their application
- Metronome.sh โญโญโญ โ Insights tailored for Remix
- OpenReplay โญโญโญ โ ?
- LogRocket โญ โ ?
- Replay โญ โ ?
- Pulsetic โค๏ธโญโญโญ โ ?
- Better Uptime โค๏ธโญโญโญ โ ?
- Instatus โค๏ธโญโญโญ โ ?
- Upptime โญ โ Free uptime monitor and status page powered by GitHub
- UptimeRobot โ ?
- Lightstep โ ?
- DataDog โญ โ ?
- New Relic โ ?
- Loggly โญ โ ?
- ConvertKit โค๏ธโญโญโญโญ โ The creator marketing platform, especially for newsletter emails
- Bento โญโญโญโญ โ All-in-one marketing automation platform. Marketing Tracking and Automation Platform For Ecommerce
- CustomerIO โญโญโญ โ Marketing Automation for the Whole Customer Lifecycle
- SendStack โญโญโญ โ Privacy-first newsletter platform
- Loops.so โญโญโญ โ Email made easy. Create, send and track beautiful email campaigns your users will love
- Drip โญโญโญ โ The Ecommerce Revenue Engine. Email and SMS marketing for growing ecommerce brands.
- ActiveCampaign โญโญโญ โ #1 Customer Experience Automation Platform
- Intercom โญโญโญ โ The Engagement OS. The modern customer communications platform that unifies every aspect of the customer journey, from conversion to engagement to support
- HubSpot โญโญโญ โ Inbound Marketing, Sales, and Service Software
- Keapยฎ โญโญโญ โ fka Infusionsoft โ CRM, Sales & Marketing Automation
- GetResponse โญโญโญ โ Get Started with a Free Marketing Platform
- Klaviyo โญโญ โ Email Marketing & SMS Automation Platform
- Buttondown โญโญ โ The easiest way to write your newsletter. Small, elegant tool for producing newsletters
- MailerLite โญโญ โ Create Email Marketing Your Audience Will Love
- Keila โญ โ Open Source Email Newsletters Easy & Reliable
- Revue โญ โ Editorial newsletter tool for writers and publishers
- MailChimp โญ โ Marketing, Automation & Email Platform
- Mailjet โค๏ธโญโญโญโญ โ Email Delivery Service for Marketing & Developer Teams
- Postmark โญโญโญ โ Fast, Reliable Email Delivery Service, SMTP, API
- DMARC Digests โ DMARC Monitoring to Protect Your Email Deliverability and Combat Spoofing and Phishing
- Amazon SES โญ โ ?
- Nodemailer โญ โ ?
- Sendgrid โญ โ ?
- Mailgun โญ โ ?
- SES โญ โ ?
- NodeMailer โญ โ ?
- Mandrill โญ โ ?
- Sendinblue โญ โ ?
- EmailJS โญ โ ?
- SparkPost โญ โ ?
- Docker โญ โ ?
- Kubernetes โ ?
- Restack โ Creating the next generation of open source developers
- GitHub Actions โญโญโญ โ ?
- Meercode โ ?
- CodeFactor โญโญโญ โ 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
- Buddy Works โ ?
- Circle CI โญ โ ?
- Heroku CI โ ?
- Travis CI โ ?
- AppVeyor โ ?
- Depfu โญโญโญ โ Automated dependency updates done right. More configurable than Dependabot
- Snyk โญโญโญ โ Security updates
- AccessLint โญ โ Automated and continuous web accessibility testing
- Luma / Lu.ma โญโญโญโญ โ ?
- Mighty Network โญโญ โ ?
- Ray.so โ Create beautiful images of your code
- BrandBird Studio โ Easy, fast image editing for founders. Turn boring screenshot into beautiful sharable images
- ScreenFlow โ ?
- Screen Studio โ ?
- Loom โ ?
- Grain โ Capture & Share Insights from Customer Meetings. The easiest meeting insights tool to understand and communicate the needs of your customers.
- tl;dv โ ?
- Yac โ ?
- Indonesia
- Shipper โ ?
- Biteship โ ?
- Lalamove โ ?
- Firstbase โ Start and grow a US business from anywhere
- Devyce โ The modern business phone system.
- Upload.io โ Image
- Lyra โ Fast, in-memory, typo-tolerant, full-text search engine written in TypeScript.
- Fuse.js โ Powerful, lightweight fuzzy-search library, with zero dependencies.
- Algolia โ ?
- Slate API Docs generator โ ?
- MinIO โ ?
- Replicache โ ?
- Ashby HQ โ https://app.ashbyhq.com/access
- Runway โ https://runway.com
- Daydream โ https://daydream.co
- Pocus โ https://www.pocus.com
- Airplane โ https://www.airplane.dev
- Teamflow โ https://www.teamflowhq.com
- Endgame โ https://www.endgame.io
- Matter for Slack โ https://matterapp.com
- Kona โ https://www.heykona.com
- Reclaim AI โ https://reclaim.ai
- Hazelcast โ https://hazelcast.com
- Vector.dev โ https://vector.dev
- Deel โ ?
- Turing.com โ ?
- https://delighted.com/
- https://fibery.io/
- https://github.com/conventional-changelog/standard-version
- https://roughnotation.com/
- https://react-hot-toast.com/
- https://github.com/evilmartians/lefthook
- https://github.com/sharkdp/hyperfine
- https://drawsql.app/
- https://www.heykona.com/
- https://www.entri.com/
- โญโญโญ https://usabilityhub.com/
- https://training.visualizevalue.com/feed
- https://arc.io/
- https://rootly.com/
- https://www.stackhawk.com/
- https://withpersona.com/ โ Identity Verification Solutions for Every Business | Persona
- https://lucaong.github.io/minisearch/ โ Tiny and powerful JavaScript full-text search engine for browser and Node
- Bree โ The best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support.
- https://bitmovin.com โ APIs to encode, play and analyze video
- https://www.deepl.com/translator โ DeepL Translate: The world's most accurate translator
- PicWish โ Online Background Remover
- https://www.meilisearch.com/
- https://github.com/valeriansaliou/vigil
- https://www.scaleway.com/en/
- https://www.hetzner.com/
- https://stepzen.com/ โ GraphQL-as-a-Service: Build GraphQL faster, run better, scale seamlessly
- https://components.ai/ โ Components AI โ A new way to explore generative design systems
- https://randoma11y.com/
- https://toolness.github.io/accessible-color-matrix/
- https://www.waldo.com/
- https://www.protailwind.com/tutorials