
Daily dose of web development. Managed by @csaba_kissi
Joined December 2021
- Tweets5.1K
- Following12
- Followers80.5K
- Likes12.7K
WebDeveloperMentor retweeted
CI/CD, explained in one belt 🏭
📦 Commit lands → Source triggers the pipeline
🔨 Build compiles it into an artefact
🧪 Tests run — red stops the line
👀 Staging gets the dry run
🚀 Deploy ships it to production
Then the next commit starts it all over again.
WebDeveloperMentor retweeted
5 Open-source and free apps for coders
kickresu.me/GwvqIm4 - Optimize your resume for ATS scanners
openworklabs.com - Open-source alternative to Claude Cowork
rk-ui.com - Unstyled UI components for React, Vue, Svelte
github.com/lllyasviel/Fooocu… - Open-source Midjourney alternative
instatic.com - Open-source alternative to Webflow, Framer
WebDeveloperMentor retweeted
Open-source and free apps for coders
kickresu.me/GwvqIm4 - Optimize your resume
domain-sdk.dev - Open-source TypeScript SDK for customer domains
pixelpoint.io/skills/animate… - Text animations for AI workflows
canvasui.dev - Open-source HTML-in-canvas WebGL components
colors-visualizer.vercel.app - Visual preview of color palettes
WebDeveloperMentor retweeted
Load balancers distribute incoming traffic across multiple servers to improve performance, scalability, and availability. ⚖️
But how does a load balancer decide which server receives the next request?
That depends on the algorithm:
🔄 Round Robin
Requests are sent to each server in order.
Best for:
servers with similar capacity
simple, predictable traffic
stateless applications
⚖️ Weighted Round Robin
More powerful servers receive a larger share of requests.
Best for:
mixed server sizes
gradual infrastructure upgrades
uneven processing capacity
👥 Least Connections
The next request goes to the server with the fewest active connections.
Best for:
- long-lived sessions
- WebSocket connections
- workloads with uneven request duration
🏋️ Weighted Least Connections
Combines active connection counts with each server’s capacity.
Best for:
servers with different specifications
uneven workloads
capacity-aware routing
📍 IP Hash
The client’s IP address determines which server handles the request.
Best for:
sticky sessions
keeping a user on the same server
applications storing local session state
⚡ Least Response Time
Routes traffic to the fastest-responding server, often while also considering active connections.
Best for:
- latency-sensitive applications
- performance-focused APIs
- systems with strong monitoring
🎲 Random
Selects a server randomly.
Best for:
- simple systems
- roughly equal servers
- lightweight traffic distribution
#️⃣ Consistent Hashing
Routes requests using a stable hash key and minimizes remapping when servers are added or removed.
Best for:
- distributed caches
- sharded data
- systems where routing consistency matters
Important concepts also include:
❤️ Health checks - avoid unhealthy servers
👤 Sticky sessions - keep users on one server
📊 Capacity weighting - send more traffic to stronger servers
🔍 Observability - monitor latency, errors, connections, and throughput
WebDeveloperMentor retweeted
Microservices can improve scalability and team autonomy, but only when they are designed carefully. 🚀
Here are 12 practical tips:
1️⃣ Design around business capabilities
Each service should solve one clear business problem.
2️⃣ Keep services independent
Minimize tight dependencies, shared libraries, and shared databases.
3️⃣ Let each service own its data
Separate ownership reduces coupling and makes services easier to evolve.
4️⃣ Communicate through clear APIs
Use simple, documented, and versioned contracts.
5️⃣ Choose technology by workload
Different services may need different languages, frameworks, or databases.
6️⃣ Build for failure
Use timeouts, retries, circuit breakers, and graceful fallbacks.
7️⃣ Observe everything
Centralize logs, metrics, and traces so problems can be found quickly.
8️⃣ Automate everything
Use CI/CD to build, test, scan, and deploy every service consistently.
9️⃣ Secure by design
Protect APIs, manage secrets properly, and apply least-privilege access.
🔟 Deploy services independently
A change to one service should not require redeploying the whole system.
1️⃣1️⃣ Version your services
Maintain backward compatibility so updates do not break consumers.
1️⃣2️⃣ Start small and evolve
Do not split every feature into a service too early.
The most important rule: Microservices are not the goal.
They are a tool for delivering business value, resilience, scalability, and a better developer experience. ⚙️
WebDeveloperMentor retweeted
Open-source and free apps for coders
tablericons.com - 5000+ Open-source SVG icons
animatedbuttons.colorion.co - Open-source CSS animated buttons
component.gallery - 60 components, 2,671 examples.
originkit.dev - Free motion effects
github.com/anelkabag/bag-ui - Open-source modern UI components
WebDeveloperMentor retweeted
Docker isn't complicated.
It just has a few concepts that click together.
Learn them in this order:
• 📄 Dockerfile → define your app
• 📦 Image → reusable blueprint
• 📦 Container → running instance
• 💾 Volumes → persistent data
• 🌐 Networks → service communication
• 🐳 Docker Compose → multi-container apps
• ☁️ Deployment → run anywhere
Master these fundamentals first.
WebDeveloperMentor retweeted
I just recreated my personal website.
Created in Astro, hosted on Sevalla. What's your opinion?
csabakissi.com
WebDeveloperMentor retweeted
Docker basics - how it works
You write your app
Code, dependencies, config, and a Dockerfile.
You build an image
`docker build` creates a read-only snapshot of your app.
You run a container
`docker run` starts a live, isolated instance from that image.
Images are layered
Base OS, dependencies, packages, and app code are stacked as reusable layers.
Docker Engine runs it
It uses OS features like namespaces and cgroups to isolate processes.
Registries store images
Use `docker push` to upload and `docker pull` to download images.
WebDeveloperMentor retweeted
Awesome free apps for coders.
tracedr.com - Free domain rating tracker
trackdomains.com - Free domain lookup monitoring
replacements.fyi - Find a replacement for npm packages
quarkdown.com - Open source Markdown-based typesetting system
animate-ui.com - Animate your UI with React components
WebDeveloperMentor retweeted
A microservices architecture is not just a bunch of small services.
It is a system in which each service owns a distinct part of the business.
Typical flow:
- Users come from web, mobile, or desktop apps
- Static assets can be served through a CDN
- Dynamic requests go through a load balancer
- The API gateway routes traffic to the right service
- Identity services handle authentication and access
- Service discovery helps services find each other
- Message brokers handle async communication
- Each service can have its own database
The main benefit:
Teams can build, deploy, and scale services independently.
The tradeoff:
You need better observability, networking, coordination, and failure handling.
Microservices give you flexibility.
WebDeveloperMentor retweeted
Two fresh free projects you should know about:
Tracedr.com - trace domain rank for any domain for free
Sslradar.io - Free SSL Certificate Checker
WebDeveloperMentor retweeted
Must-know open-source tools for coders and developers
kinetics.colorion.co - Open source CSS/React motion snippets with prompts
ripplix.com - Largest UI Animation & Micro Interaction Library
coverflow.ashishgogula.in- iOS-like Cover Flow for React.
github.com/docker/awesome-co… - Docker compose samples
gradientbuttons.colorion.co - Gradient buttons with hover effects
WebDeveloperMentor retweeted
migrating the Directify roadmap to a new service
👉 directify.featurenest.com
@csaba_kissi is building something great here 🔥













