Mini Monitoring/Tech Watch Guide:

If you wish to explore specific libraries and address the various professional needs you will encounter:

  • Search on Google with "Awesome library Github."
      - Ex: If you want to see design systems: Awesome Design System GitHub: https://github.com/alexpate/awesome-design-systems
      - Ex: If you are looking for open-source - self-hostable libraries: Awesome Self-hosted GitHub: https://github.com/awesome-selfhosted/awesome-selfhosted
  • If you have any doubt, type "what's the best framework js, reddit": you will have an endless war of people on Reddit who absolutely want to be right. It's very interesting because you see the hardcore version of each extreme of everyone's thoughts on each framework/technology. You can do the same thing for all your future choices and doubts; it works very well.
  • I love "Roadmap.sh," which provides directions to take.
  • Check "app.daily.dev" for tech monitoring.
  • Browse on YouTube; there are lots of great tech YouTubers, especially among Americans/Brits.

My Tech Stack

This section gathers the tools and libraries I use!

Infrastructure & Deployment

  • Coolify - Self-hosted PaaS alternative to Vercel/Netlify
  • Dokploy - Open-source PaaS with Docker (alternative to Coolify)
  • Homer - Dashboard for self-hosted services
  • Cloudflare DNS - DNS management -> my domain names are on Cloudflare
  • Cloudflare R2 - S3-compatible storage (free up to 15GB) -> we put our Coolify saves and everything else on it; it works very well, and it's very cheap storage
  • Cloudflare Tunnel - Expose local services -> usable to expose your localhost to the web, very useful for using webhooks.
  • Ngrok - Tunneling for local development
  • Svix - Webhooks as a service

Backend & Databases

  • Prisma - TypeScript ORM
  • Pocketbase - Open-source Backend-as-a-Service (CMS) -> API in 5s
  • Strapi - Headless CMS -> API in 5s
  • Payload CMS - TypeScript-first CMS (integrated with NextJS) -> API in 5s
  • Apollo - GraphQL platform -> API in 5s

Authentication & Security

  • Better Auth - Modern auth library -> THE BEST solution for custom in-app auth
  • Clerk - Authentication & user management -> if you want to do auth in 5s, with an ultra-effective and efficient service! My little darling
  • Keycloak - Open-source identity management -> Open-source SSO!
  • Infisical - Secret management platform -> all passwords in one place, for applications, allows for .env rotation and everything else, in the same place, without having to copy/paste .env files and all that! (super useful for teams!)
  • Vaultwarden - Self-hosted Bitwarden server -> allows for password management (like Dashlane, for example)
  • CrowdSec - Collaborative security engine -> alternative to fail2ban, allows for security on server access, banning spam, and all that

Monitoring & Analytics

  • Sentry - Error tracking & performance monitoring -> allows us to track errors in our apps
  • Umami - Privacy-focused analytics -> Google Analytics but better!
  • Metabase - Open-source BI & analytics platform -> Give a great dashboard for salespeople so they can check DB data without bothering the devs! (a real banger)
  • Kuma Uptime - Self-hosted monitoring -> allows managing an uptime page and tracking different apps, knowing what's running and what's down
  • BetterUptime - Uptime monitoring & status pages -> like Kuma, but SaaS (paid)
  • LogRocket - Session replay (already mentioned)

AI & Automation

  • Vercel AI SDK - AI toolkit for applications -> perfect for managing requests to AIs
  • NextLLM - LLM integration framework -> to make your own ChatGPT-like interface
  • n8n - Workflow automation -> automation
  • Postiz - Social media scheduling -> manage lots of social networks and do multi-posts / multi-networks

UI & Design Systems

  • Shadcn UI - Re-usable components -> my favorite design
  • 21st.dev - Premium UI components -> to find already-made bangers in terms of design, allows starting on beautiful foundations!
  • ReactBits - Lots of super stylish components!
  • Acertinity - Lots of super stylish components!
  • TailwindCSS - Utility-first CSS framework (my favorite too)
  • Tailwind UI - Official Tailwind component library -> paid Tailwind library
  • Headless UI - Unstyled accessible components -> great utility library!
  • Radix UI - Low-level UI primitives -> likewise, great utility library!
  • Chakra UI - Same -> lots of content!

Animation & Graphics

  • Motion - Modern animation library (Framer Motion) -> crazy animation
  • GSAP - Professional animation library -> likewise, lots of animations
  • Lottie - JSON-based animations -> very advanced animations, you can do After Effects -> web
  • Rive - Interactive vector animations -> premium banger animation ++++++, Rust, etc.
  • AOS - Animate On Scroll library -> block and page transitions
  • Three.js - 3D graphics library -> 3D, but super difficult
  • React Three Fiber - React renderer for Three.js -> improvement of Three.js

Forms & Validation

  • Zod - TypeScript-first schema validation - advanced data validation, good practice
  • Valibot - Lightweight alternative to Zod - very nice too

Testing & Quality

  • Playwright - End-to-end testing (the very best for me)
  • Cypress - E2E testing framework
  • Lighthouse - Performance auditing
  • Unlighthouse - Large-scale Lighthouse scanning - lots of Lighthouse scans on lots of pages at once
  • IBM Accessibility Checker - Accessibility verification -> super-unknown banger!
  • Wappalyzer - Technology profiler -> checks the technologies of a site/app

Development Tools

  • Prettier - Code formatter
  • ESLint - JavaScript Linter
  • Biome - Alternative to Prettier + ESLint (looks like it's going to be insane!)
  • Husky - Git hooks -> execution of git hooks, scripts when pushing/committing
  • Renovate - Dependency updates automation -> automatic dependency updates
  • Lazygit - Terminal UI for Git (Git in terminal mode but more stylish)
  • Lazydocker - Terminal UI for Docker (Docker terminal but more stylish)
  • Insomnia - API client
  • Bruno - Open-source API client -> manage API calls, but save directly to files, making API usage versionable! (shareable tests)
  • Neovim - Extensible text editor -> if you like graphics cards (hardcore version of Vim / an IDE)
  • Tmux - Terminal multiplexer -> multiple CLIs in a single window
  • Obsidian - My note-taking tool!
  • Syncthing - File synchronization! (I have a VPS at Netcup that syncs my files between my desktop PC, my laptop, and my server, only on certain folders) €5, I have a multi-drive without bugs

Build & Bundling

  • Vite -> it also does module bundling and optimization
  • Rollup - Module bundler -> incredible with Vite for optimizing React apps

📧 Email & Communication

  • Resend - Email API for developers -> Mail SaaS
  • Mailgun - Email delivery service -> Mail SaaS

Icons & Assets

  • Lucide - Beautiful icon library -> lots of icons
  • Font Awesome - Icon library -> more icons
  • Sharp - Image processing -> image optimization
  • cwebp - WebP converter -> ultra-modern format to DRASTICALLY reduce image size

🔄 State Management & Data Fetching

Utilities

  • Luxon - Date & time library
  • Nuqs - Type-safe URL search params -> to be used for mirroring useState in a page's parameters.
  • Number Flow - Animated number transitions -> it makes pretty numbers
  • Remark - Markdown processor -> Markdown to JS/HTML

Payments

  • Stripe - Payment processing platform
  • LemonSqueezy (it was bought by Stripe, but the tool is cool)
  • Paypal (in tools like WordPress or Shopify, it's great)